main/app/assets/scss/_mixin.scss
Renan Bernordi 4d458fb75f css fixes
2025-06-26 18:32:07 -03:00

23 lines
No EOL
496 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};
}
}