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