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.
52 lines
1.4 KiB
52 lines
1.4 KiB
@mixin media($query:$feature $value $columns, $total-columns: $grid-columns) {
|
|
|
|
@if length($query) == 1 {
|
|
@media screen and ($default-feature: nth($query, 1)) {
|
|
$default-grid-columns: $grid-columns;
|
|
$grid-columns: $total-columns;
|
|
@content;
|
|
$grid-columns: $default-grid-columns;
|
|
}
|
|
}
|
|
|
|
@else if length($query) == 2 {
|
|
@media screen and (nth($query, 1): nth($query, 2)) {
|
|
$default-grid-columns: $grid-columns;
|
|
$grid-columns: $total-columns;
|
|
@content;
|
|
$grid-columns: $default-grid-columns;
|
|
}
|
|
}
|
|
|
|
@else if length($query) == 3 {
|
|
@media screen and (nth($query, 1): nth($query, 2)) {
|
|
$default-grid-columns: $grid-columns;
|
|
$grid-columns: nth($query, 3);
|
|
@content;
|
|
$grid-columns: $default-grid-columns;
|
|
}
|
|
}
|
|
|
|
@else if length($query) == 4 {
|
|
@media screen and (nth($query, 1): nth($query, 2)) and (nth($query, 3): nth($query, 4)) {
|
|
$default-grid-columns: $grid-columns;
|
|
$grid-columns: $total-columns;
|
|
@content;
|
|
$grid-columns: $default-grid-columns;
|
|
}
|
|
}
|
|
|
|
@else if length($query) == 5 {
|
|
@media screen and (nth($query, 1): nth($query, 2)) and (nth($query, 3): nth($query, 4)) {
|
|
$default-grid-columns: $grid-columns;
|
|
$grid-columns: nth($query, 5);
|
|
@content;
|
|
$grid-columns: $default-grid-columns;
|
|
}
|
|
}
|
|
|
|
@else {
|
|
@warn "Wrong number of arguments for breakpoint(). Read the documentation for more details.";
|
|
}
|
|
}
|