58 lines
1.8 KiB
SCSS
58 lines
1.8 KiB
SCSS
@mixin breakpoint($query:$feature $value $columns, $total-columns: $grid-columns) {
|
|
@warn "The breakpoint() mixin was renamed to media() in Neat 1.0. Please update your project with the new syntax before the next version bump.";
|
|
|
|
@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.";
|
|
}
|
|
}
|
|
|
|
@mixin nth-omega($nth, $display: block, $direction: default) {
|
|
@warn "The nth-omega() mixin is deprecated. Please use omega() instead.";
|
|
@include omega($nth $display, $direction);
|
|
}
|