@for $i from 1 through length($breakpoints) {
$breakpoint: nth($breakpoints, $i); $size: nth($screen-sizes, $i); .visible-#{$size}-block, .visible-#{$size}-inline, .visible-#{$size}-inline-block { display: none !important; } @media (max-width: $breakpoint) { .hidden-#{$size} { display: none !important; } .visible-#{$size}-block { display: block !important; } .visible-#{$size}-inline { display: inline !important; } .visible-#{$size}-inline-block { display: inline-block !important; } }
}