alex.racine/themes/portfoliGor/assets/scss/_grid.scss

24 lines
709 B
SCSS

////////////////////
// //
// Grid //
// //
////////////////////
@mixin breakpoint($point) {
@if $point == desktop {
@media (min-width: 1000px) { @content ; }
} @else if $point == laptop {
@media (min-width: 801px) and (max-width: 1000px) { @content ; }
} @else if $point == tablet {
@media (min-width: 601px) and (max-width: 800px) { @content ; }
} @else if $point == mobile {
@media (min-width: 200px) and (max-width: 600px) { @content ; }
} @else if $point == small-mobile {
@media (min-width: 200px) and (max-width: 400px) { @content ; }
}
@if $point == small-height-desktop {
@media (max-height: 400px) { @content ; }
}
}