Sass color functions

color.change($color,
  $red: null, $green: null, $blue: null,
  $hue: null, $saturation: null, $lightness: null,
  $whiteness: null, $blackness: null,
  $alpha: null)
change-color(...) //=> color

Source: sass-lang.com

Sass color functions

@debug color.adjust(#6b717f, $red: 15); // #7a717f
@debug color.adjust(#d2e1dd, $red: -10, $blue: 10); // #c8e1e7
@debug color.adjust(#998099, $lightness: -30%, $alpha: -0.4); // rgba(71, 57, 71, 0.6)

Source: sass-lang.com

Sass create color utility classes

@mixin modifiers($map, $attribute, $prefix: '-', $separator: '-', $base: 'base') {
  @each $key, $value in $map {
    &#{if($key != $base, #{$prefix}#{$key}, '')} {
      @if type-of($value) == 'map' {
        @include modifiers($value, $attribute, $separator);
      }
      @else {
        #{$attribute}: $value;
      }
    }
  }
}

Source: frontstuff.io

Similar codes

0 vote131 views1 answer
Mdn css marker
CSS
8 votes127 views4 answers
Css fill div with background image
CSS
0 vote134 views1 answer
Javafx set border outside
CSS
0 vote162 views2 answers
Setting multiple styles in javascript
CSS
28 votes151 views3 answers
Box shadow to make border bottom
CSS
0 vote135 views1 answer
Where is sendmail in lampp
CSS
0 vote146 views1 answer
The Sass .sass file is visually different from .scss file, e.g. Example.sass - sass is the older syntax
CSS
0 vote221 views2 answers
Css comment placer un icon sur une photo
CSS
17 votes140 views3 answers
How to set div background image
CSS
1 vote137 views1 answer
Css make image gray
CSS