Sha256: 3a986632643506a7449d254e3c2454d46468f3b439960d352b61266d2d540304
Contents?: true
Size: 653 Bytes
Versions: 8
Compression:
Stored size: 653 Bytes
Contents
//move to helpers
@function set-text-color($color) {
@if (lightness($color) > 60%) {
@return rgba($black, $transparent-weak); // Lighter backgorund, return dark color
} @else {
@return rgba($white, $transparent-strong); // Darker background, return light color
}
}
//BUTTON GENERATOR FOR EACH COLOR
@each $class in $button-classes {
$i: index($button-classes, $class);
$primary-color: nth($button-define, $i);
.button.#{$class}{
background-color: $primary-color;
color: set-text-color($primary-color);//&*default
}
.button.#{$class}:hover{
background-color: lighten($primary-color, $transition-brighten);//&*hover
}//&*append
}
Version data entries
8 entries across 8 versions & 1 rubygems