22 lines
528 B
SCSS
22 lines
528 B
SCSS
// https://codyhouse.co/blog/post/how-to-combine-sass-color-functions-and-css-variables
|
|
|
|
@mixin defineColorHSL($color, $hue, $saturation, $lightness){
|
|
#{$color}: unquote("hsl(#{$hue}, #{$saturation}, #{$lightness})");#{$color}-h: #{$hue};#{$color}-s: #{$saturation};#{$color}-l: #{$lightness};
|
|
}
|
|
|
|
|
|
// Backdrop
|
|
|
|
@mixin blur {
|
|
-webkit-backdrop-filter: saturate(180%) blur(1em);
|
|
backdrop-filter: saturate(180%) blur(1em);
|
|
}
|
|
|
|
|
|
// Tab Size
|
|
|
|
@mixin tabSize {
|
|
-moz-tab-size: $tabSize;
|
|
tab-size: $tabSize;
|
|
}
|