ingrammicro / puzzle-tokens

Batch create, manage and update Sketch styles and symbols using SCSS/LESS
GNU General Public License v3.0
92 stars 17 forks source link

[FR] Create opacity styles without color or other attributes. #10

Closed mikebronner closed 5 years ago

mikebronner commented 5 years ago

It is beneficial to create styles that only contain opacity settings without any other attributes. This would allow us to apply them to groups and other containers as a whole.

I attempted this, but the plugin doesn't seem to create the styles correctly. I tried both decimal and percentage values.

.Opacities .0 {
  opacity: 0;
}
.Opacities .25 {
  opacity: 0.25;
}
.Opacities .50 {
  opacity: 0.5;
}
.Opacities .75 {
  opacity: 0.75;
}
.Opacities .100 {
  opacity: 1;
}
MaxBazarov commented 5 years ago

Interesting idea. I need to discover it. Currently you can apply opacity to layer/group directly, without style creation. See example here - https://github.com/ingrammicro/puzzle-tokens/tree/master/Styles/Tests/Opacity

mikebronner commented 5 years ago

Thanks. Yea, I saw that, but that predicates that the symbols already exist. I creating a design system, where the designer should be able to apply opacity where needed, and select from a preset list of opacity options. :)

MaxBazarov commented 5 years ago

Ok, I understand. Will implement it tomorrow.

MaxBazarov commented 5 years ago

Implemented in 6.2.0