main/app/assets/scss/_mixin.scss
Renan Bernordi 88b37a5325 inicio da v2
2025-01-27 14:50:00 -03:00

24 lines
No EOL
508 B
SCSS

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