30 lines
452 B
SCSS
30 lines
452 B
SCSS
// $width-very-narrow: 600px;
|
|
$width-narrow: 750px;
|
|
$width-normal: 1000px;
|
|
$width-wide: 1600px;
|
|
|
|
@mixin responsive($min-width) {
|
|
@media screen and (min-width: $min-width) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin wide {
|
|
@include responsive($width-wide) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin normal {
|
|
@include responsive($width-normal) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin narrow {
|
|
@include responsive($width-narrow) {
|
|
@content;
|
|
}
|
|
}
|
|
|