You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
664 B
28 lines
664 B
@use '../../../settings/breakpoints' as *;
|
|
|
|
// ---------------------------------------------------------
|
|
// @Media Queries Generator
|
|
// ---------------------------------------------------------
|
|
|
|
// Mixin used to generate responsive versions of css rules.
|
|
|
|
@mixin mediaQueryCondition($mq) {
|
|
$breakpointFound: false;
|
|
|
|
@each $breakpoint in $breakpoints {
|
|
$alias: nth($breakpoint, 1);
|
|
$condition: nth($breakpoint, 2);
|
|
|
|
@if $mq == $alias and $condition {
|
|
$breakpointFound: true;
|
|
|
|
@media #{$condition} {
|
|
@content;
|
|
}
|
|
}
|
|
}
|
|
|
|
@if $breakpointFound == false {
|
|
@warn "Oops! Breakpoint ‘#{$mq}’ does not exist \:";
|
|
}
|
|
}
|