app/assets/stylesheets/grid/_visual-grid.scss in neat-1.0.0.pre vs app/assets/stylesheets/grid/_visual-grid.scss in neat-1.0.0
- old
+ new
@@ -5,36 +5,10 @@
background-image: -ms-linear-gradient(left, $values);
background-image: -o-linear-gradient(left, $values);
background-image: unquote("linear-gradient(left, #{$values})");
}
-@function gradient-stops($grid-columns, $color: $visual-grid-color) {
- $transparent: rgba(0,0,0,0);
-
- $column-width: flex-grid(1, $grid-columns);
- $gutter-width: flex-gutter($grid-columns);
- $column-offset: $column-width;
-
- $values: ($transparent 0, $color 0);
-
- @for $i from 1 to $grid-columns*2 {
- @if is-even($i) {
- $values: append($values, $transparent $column-offset);
- $values: append($values, $color $column-offset);
- $column-offset: $column-offset + $column-width;
- }
-
- @else {
- $values: append($values, $color $column-offset);
- $values: append($values, $transparent $column-offset);
- $column-offset: $column-offset + $gutter-width;
- }
- }
-
- @return $values;
-}
-
@if $visual-grid == true {
body:before {
content: '';
display: inline-block;
@include grid-column-gradient(gradient-stops($grid-columns));
@@ -55,10 +29,10 @@
z-index: 9999;
}
@each $breakpoint in $visual-grid-breakpoints {
@if $breakpoint != nil {
- @include breakpoint($breakpoint) {
+ @include media($breakpoint) {
@include grid-column-gradient(gradient-stops($grid-columns));
}
}
}
}