app/assets/stylesheets/addons/_directional-values.scss in bourbon-3.2.4 vs app/assets/stylesheets/addons/_directional-values.scss in bourbon-4.0.0.rc1

- old
+ new

@@ -55,10 +55,13 @@ $bottom: $pre + "-bottom" + if($suf, "-#{$suf}", ""); $left: $pre + "-left" + if($suf, "-#{$suf}", ""); $right: $pre + "-right" + if($suf, "-#{$suf}", ""); $all: $pre + if($suf, "-#{$suf}", ""); + // Get list inside $vals (is there a better way?) + @each $val in $vals { $vals: $val; } + $vals: collapse-directionals($vals); @if contains-falsy($vals) { @if nth($vals, 1) { #{$top}: nth($vals, 1); } @@ -89,23 +92,23 @@ #{$all}: $vals; } } @mixin margin($vals...) { - @include directional-property(margin, false, $vals...); + @include directional-property(margin, false, $vals); } @mixin padding($vals...) { - @include directional-property(padding, false, $vals...); + @include directional-property(padding, false, $vals); } @mixin border-style($vals...) { - @include directional-property(border, style, $vals...); + @include directional-property(border, style, $vals); } @mixin border-color($vals...) { - @include directional-property(border, color, $vals...); + @include directional-property(border, color, $vals); } @mixin border-width($vals...) { - @include directional-property(border, width, $vals...); + @include directional-property(border, width, $vals); }