Sass – colors

funkcje kolorów w sass

 

Darken & Lighten

$color: #08baba
$colorDarker: darken( $color, 20% )
$colorDark: darken( $color, 10% )
$colorLight: lighten( $color, 10% )
$colorLighter: lighten( $color, 20% )

Saturate, & Desaturate

$color: #08baba
$colorMore: saturate( $color, 20% )
$colorLess: desaturate( $color, 20% )

Adjust-hue

$color: #08baba
$colorAdjust: adjust-hue( $color, 20% )

Adding Alpha Transparency

$color: #08baba
$colorTrans: rgba( $color, .7 )

Adding Alpha Transparency

$color: #08baba

Hope this helps and happy coding :)

Zobacz jeszcze

pobranie koloru RGB w JS

$('p').each(function(){ var rgb = $(this).css('color'); rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); function hex(x) {return ("0" +...

Sass - media queries

zastosowanie mixinów w media queries: $content-width: 960px $screen-xs: 480px $screen-sm: 768px $screen-md: 992px $screen-lg: 1200px @mixin tiny-screens() @media only screen and...