:root {
--fz-h1: 33px;
}
@media(max-width: 991px) {
:root {
--fz-h1: 25px;
}
}
h1 {
font-size: var(--fz-h1)
}
$indent: 8px;
.elem {
padding: $indent*2 $indent*3;
}
.class {
...
@media {
...
}
}
@each $name in 'save' 'cancel' 'help' {
.icon-#{$name} {
background-image: url('/images/#{$name}.png');
}
}
.icon-save {
background-image: url("/images/save.png");
}
.icon-cancel {
background-image: url("/images/cancel.png");
}
.icon-help {
background-image: url("/images/help.png");
}