Skip to content

Instantly share code, notes, and snippets.

// --------------------------------------------
// media query
// --------------------------------------------
$breakpoint-sm: 414px !default; /*iPhone XR*/
$breakpoint-md: 768px !default;
$breakpoint-lg: 1000px !default;
$breakpoint-xl: 1240px !default;
$breakpoints: (
@for $i from 1 through 10 {
.is-mt#{$i * 1}-sm {
margin-top:#{$i * 1}rem;
}
}