19 lines
623 B
SCSS
19 lines
623 B
SCSS
// - Hey, there is a mixin here instead of in mixins.scss!!! Are you drunk or what?
|
|
// - I know, I know, but look it closer, it makes sense
|
|
// - Oh, I see. It's ok for this time...
|
|
|
|
$break-small: 320px;
|
|
$break-large: 1024px;
|
|
|
|
@mixin respond-to($media) {
|
|
@if $media == handhelds {
|
|
@media only screen and (max-width: $break-small) { @content; }
|
|
}
|
|
@if $media == medium-screens {
|
|
@media only screen and (min-width: $break-small + 1) and (max-width: $break-large - 1) { @content; }
|
|
}
|
|
@if $media == wide-screens {
|
|
@media only screen and (min-width: $break-large) { @content; }
|
|
}
|
|
}
|