24 lines
709 B
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 ; }
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|