123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657 |
- @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);
- }
|