mirror of
https://github.com/moparisthebest/mail
synced 2024-08-13 16:43:47 -04:00
23 lines
826 B
SCSS
23 lines
826 B
SCSS
|
|
||
|
// Actual media queries
|
||
|
$mediaqueries: (
|
||
|
sm-only: "(max-width: #{$screen-sm-max})",
|
||
|
md: "(min-width: #{$screen-md-min})",
|
||
|
md-only: "(min-width: #{$screen-md-min}) and (max-width: #{$screen-md-max})",
|
||
|
lg: "(min-width: #{$screen-lg-min})",
|
||
|
not-md: "(max-width: #{$screen-sm-max}), (min-width: #{$screen-lg-min})",
|
||
|
not-lg: "(max-width: #{$screen-md-max})"
|
||
|
);
|
||
|
|
||
|
// Central Media Query Mixin
|
||
|
@mixin respond-to($query) {
|
||
|
@if map-has-key($mediaqueries, $query) {
|
||
|
@media #{map-get($mediaqueries, $query)} {
|
||
|
@content;
|
||
|
}
|
||
|
}
|
||
|
@else {
|
||
|
@warn "Unfortunately, no value could be retrieved from `#{$query}`. "
|
||
|
+ "Please make sure it is defined in `$mediaqueries` map.";
|
||
|
}
|
||
|
}
|