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

opacity in Textstyles not working #35

Closed railstride closed 4 years ago

railstride commented 4 years ago

Hey, the opacity property for Textstyles doesn't seem to work …

Other than that great plugin!

MaxBazarov commented 4 years ago

Fixed in 8.14.2 Enjoy!

railstride commented 4 years ago

Cool, thanks for the quick reaction! But it doesn’t seem to work yet 😅

Value in Scss File

@each $color-key, $text-color in $text-colors {
    .#{$color-key} {
        font-family: "Prelo";

        opacity: 100%; // ← OPACITY VALUE

        color: $text-color;

        text-align: $text-align;
        font-weight: $text-weight;

        font-size: map.get($map: $font-size, $key: "size");
        -pt-paragraph-spacing: map.get($map: $font-size, $key: "paragraph-spacing");
        line-height: map.get($map: $font-size, $key: "line-height");

    }
}

Value in Sketch Bildschirmfoto 2020-10-30 um 09 36 42

MaxBazarov commented 4 years ago

It's my fault. I changed an alpha channel of color. Ok, fixed again in 8.14.3 — now opacity: changes opacity! BTW, it supports CSS format (0.0-1.0) too