Priorité des breakpoints dans les classes utilitaires #338

Priorité des breakpoints dans les classes utilitaires #338
This commit is contained in:
Raphaël Goetter 2021-03-05 20:17:01 +01:00
parent 19362135c4
commit d125d2a407
7 changed files with 5643 additions and 16 deletions

View file

@ -6,16 +6,17 @@
.#{$class} {
#{$prop}: #{$value};
}
// loop for each breakpoint
}
// loop for each breakpoint
@each $class, $prop, $value in $utils {
@each $bp, $bpv in $breakpoints {
@media (min-width: #{$bpv}) {
@media (min-width: #{$bpv}) {
.#{$bp}\:#{$class} {
#{$prop}: #{$value};
}
}
}
}
// multi-properties utils
@ -37,7 +38,7 @@
// loop for each breakpoint
@each $bp, $bpv in $breakpoints {
@media (min-width: #{$bpv}) {
@media (min-width: #{$bpv}) {
.#{$bp}\:visually-hidden {
position: absolute !important;
border: 0 !important;