@charset “UTF-8”;
@mixin breakpoint($query:$feature $value $columns, $total-columns: $grid-columns) {
@include -neat-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 { @include -neat-warn("Wrong number of arguments for breakpoint(). Read the documentation for more details."); }
}
@mixin nth-omega($nth, $display: block, $direction: default) {
@include -neat-warn("The nth-omega() mixin is deprecated. Please use omega() instead."); @include omega($nth $display, $direction);
}
/// Resets the active display property to `block`. Particularly useful when changing the display property in a single row. /// /// @example scss - Usage /// .element { /// @include row(table); /// // Context changed to table display /// } /// /// @include reset-display; /// // Context is reset to block display
@mixin reset-display {
$container-display-table: false !global; @include -neat-warn("Resetting $display will be deprecated in future versions in favor of the display(){...} mixin.");
}
/// Resets the active layout direction to the default value set in `$default-layout-direction`. Particularly useful when changing the layout direction in a single row. /// /// @example scss - Usage /// .element { /// @include row($direction: RTL); /// // Context changed to right-to-left /// } /// /// @include reset-layout-direction; /// // Context is reset to left-to-right
@mixin reset-layout-direction {
$layout-direction: $default-layout-direction !global; @include -neat-warn("Resetting $direction will be deprecated in future versions in favor of the direction(){...} mixin.");
}
/// Resets both the active layout direction and the active display property. /// /// @example scss - Usage /// .element { /// @include row(table, RTL); /// // Context changed to table table and right-to-left /// } /// /// @include reset-all; /// // Context is reset to block display and left-to-right
@mixin reset-all {
@include reset-display; @include reset-layout-direction;
}