main/app/assets/scss/_mixin.scss
Renan Bernordi 90bcbd97fd desk
2025-01-28 00:10:23 -03:00

23 lines
No EOL
498 B
SCSS

@use "sass:math";
@use "sass:color";
@mixin create-color($name, $hex) {
--#{$name}: #{$hex};
--#{$name}-lighten: #{color.adjust($hex, $lightness: 5%)};
--#{$name}-darken: #{color.adjust($hex, $lightness: -10%)};
}
@mixin devices($breakpoint) {
@if $breakpoint == desktop {
@media only screen and (min-width: 1200px) {
@content;
}
}
}
@mixin icon($name, $filter) {
.icon--#{$name} {
background-image: url("../dist/icons/#{$name}.svg");
filter: #{$filter};
}
}