Sass lint: sort right and left

Sort properties with `right`/`margin-right`/`padding-right`/(...)
before `left`/`margin-left`/`padding-left`/(...), following the common
CSS order `top, [right], bottom, [left];`.

diff --git a/scss/components/_button.scss b/scss/components/_button.scss
index e3bc413a70d28f52fa9fb32d8922c0d28db1d8ad..529cb735341b759e7a8c5c38ff6d3bbc2bf427c6 100644 (file)
--- a/scss/components/_button.scss
+++ b/scss/components/_button.scss
@@ -93,8 +93,8 @@ $button-transition: background-color 0.25s ease-out, color 0.25s ease-out !defau
   @if $expand {
     display: block;
     width: 100%;
-    margin-left: 0;
     margin-right: 0;
+    margin-left: 0;
   }
   @else {
     display: inline-block;

diff --git a/scss/components/_dropdown-menu.scss b/scss/components/_dropdown-menu.scss
index 1a0f6142c1e930177e07f0d8455b63a9ffbc33ea..2ff07f758a86ced20a8cccb49d2e7af8f9356052 100644 (file)
--- a/scss/components/_dropdown-menu.scss
+++ b/scss/components/_dropdown-menu.scss
@@ -85,8 +85,8 @@ $dropdownmenu-border-width: nth($dropdownmenu-border, 1);
 
       &.opens-left {
         > .is-dropdown-submenu {
-          left: auto;
           right: 100%;
+          left: auto;
         }
       }
 
@@ -140,8 +140,8 @@ $dropdownmenu-border-width: nth($dropdownmenu-border, 1);
     &.align-right {
       .is-dropdown-submenu.first-sub {
         top: 100%;
-        left: auto;
         right: 0;
+        left: auto;
       }
     }
   }
@@ -175,8 +175,8 @@ $dropdownmenu-border-width: nth($dropdownmenu-border, 1);
     }
 
     &.opens-left > .is-dropdown-submenu {
-      left: auto;
       right: 100%;
+      left: auto;
     }
 
     &.opens-right > .is-dropdown-submenu {

diff --git a/scss/components/_float.scss b/scss/components/_float.scss
index 63629202e6439efe540e330e017b4b883a631ae5..3f81f3d1a505e04b52a746585d05898b96eafbe3 100644 (file)
--- a/scss/components/_float.scss
+++ b/scss/components/_float.scss
@@ -17,8 +17,8 @@
 
   .float-center {
     display: block;
-    margin-left: auto;
     margin-right: auto;
+    margin-left: auto;
   }
 
   .clearfix {

diff --git a/scss/components/_reveal.scss b/scss/components/_reveal.scss
index 71f125e1e24d831f2cfa37928e261e9209e50391..94121d65933022385ddc5a8b0be3cb5c9e5961bb 100644 (file)
--- a/scss/components/_reveal.scss
+++ b/scss/components/_reveal.scss
@@ -43,9 +43,9 @@ $reveal-overlay-background: rgba($black, 0.45) !default;
 @mixin reveal-overlay($background: $reveal-overlay-background) {
   position: fixed;
   top: 0;
+  right: 0;
   bottom: 0;
   left: 0;
-  right: 0;
   z-index: $reveal-zindex;
 
   display: none;
@@ -137,16 +137,16 @@ $reveal-overlay-background: rgba($black, 0.45) !default;
     @include reveal-modal-width($reveal-width);
     position: relative;
     top: 100px;
-    margin-left: auto;
     margin-right: auto;
+    margin-left: auto;
     overflow-y: auto;
 
     // Placeholder selector for medium-and-up modals
     // Prevents duplicate CSS when defining multiple Reveal sizes
     @include breakpoint(medium) {
       %reveal-centered {
-        left: auto;
         right: auto;
+        left: auto;
         margin: 0 auto;
       }
     }

diff --git a/scss/components/_sticky.scss b/scss/components/_sticky.scss
index 7c039a5baf1441ce90ec5917b4478edad61465a9..90d65731d6f5847c4620947d24c3a68f736be66f 100644 (file)
--- a/scss/components/_sticky.scss
+++ b/scss/components/_sticky.scss
@@ -28,8 +28,8 @@
 
   .sticky.is-anchored {
     position: relative;
-    left: auto;
     right: auto;
+    left: auto;
 
     &.is-at-bottom {
       bottom: 0;

diff --git a/scss/grid/_classes.scss b/scss/grid/_classes.scss
index e29759dfa8756a059802cae8675e52d8baada2ad..0bf814a718a0a098941d7519010a68af8acf071c 100644 (file)
--- a/scss/grid/_classes.scss
+++ b/scss/grid/_classes.scss
@@ -39,8 +39,8 @@
       @include grid-row-nest($grid-column-gutter);
 
       &.#{$collapse} {
-        margin-left: 0;
         margin-right: 0;
+        margin-left: 0;
       }
     }
 
@@ -49,8 +49,8 @@
       @include grid-row-size(expand);
 
       .#{$row} {
-        margin-left: auto;
         margin-right: auto;
+        margin-left: auto;
       }
     }
 
@@ -83,10 +83,10 @@
 
   // To properly nest a column row, padding and margin is removed
   .#{$row} .#{$column}.#{$row}.#{$row} {
-    margin-left: 0;
     margin-right: 0;
-    padding-left: 0;
+    margin-left: 0;
     padding-right: 0;
+    padding-left: 0;
   }
 
   @include -zf-each-breakpoint {
@@ -127,14 +127,14 @@
       > .#{$column} { @include grid-col-collapse; }
 
       .#{$row} {
-        margin-left: 0;
         margin-right: 0;
+        margin-left: 0;
       }
     }
 
     .#{$expanded}.#{$row} .#{$-zf-size}-#{$collapse}.#{$row} {
-      margin-left: 0;
       margin-right: 0;
+      margin-left: 0;
     }
 
     .#{$-zf-size}-#{$uncollapse} {

diff --git a/scss/grid/_flex-grid.scss b/scss/grid/_flex-grid.scss
index fc94825c980d1d270a45a60c4a321673a070f295..eb854f61fdd5360b7c07845dff5b75398a53301c 100644 (file)
--- a/scss/grid/_flex-grid.scss
+++ b/scss/grid/_flex-grid.scss
@@ -29,14 +29,14 @@
     @include grid-row-nest($gutters);
 
     @if index($behavior, collapse) != null {
-      margin-left: 0;
       margin-right: 0;
+      margin-left: 0;
     }
   }
   @else {
     @include grid-row-size($size);
-    margin-left: auto;
     margin-right: auto;
+    margin-left: auto;
   }
 
   @if $base {
@@ -175,8 +175,8 @@
     // From collapsed child
     &.is-collapse-child,
     &.collapse > .column > .row {
-      margin-left: 0;
       margin-right: 0;
+      margin-left: 0;
     }
   }
 
@@ -193,10 +193,10 @@
 
   // To properly nest a column row, padding and margin is removed
   .row .column.row.row {
-    margin-left: 0;
     margin-right: 0;
-    padding-left: 0;
+    margin-left: 0;
     padding-right: 0;
+    padding-left: 0;
   }
 
   @include -zf-each-breakpoint {

diff --git a/scss/grid/_gutter.scss b/scss/grid/_gutter.scss
index e6a5c87dcf153ea3933aac0df132870f8cd449c6..5ddc6a405b8766de64507e0a157ead43f9b21ea1 100644 (file)
--- a/scss/grid/_gutter.scss
+++ b/scss/grid/_gutter.scss
@@ -51,8 +51,8 @@
     // single value
     $padding: rem-calc($gutter) / 2;
 
-    padding-left: $padding;
     padding-right: $padding;
+    padding-left: $padding;
   }
 }
 

diff --git a/scss/grid/_layout.scss b/scss/grid/_layout.scss
index 03911e6a22448b4282bfc82bb372e5f2d7324527..1e0879113e5bbe9cf255a28303d97312e31e4b7a 100644 (file)
--- a/scss/grid/_layout.scss
+++ b/scss/grid/_layout.scss
@@ -31,15 +31,15 @@
           $padding: rem-calc($value) / 2;
 
           @include breakpoint($breakpoint) {
-            padding-left: $padding;
             padding-right: $padding;
+            padding-left: $padding;
           }
         }
       }
       @else if type-of($gutter) == 'number' and strip-unit($gutter) > 0 {
         $padding: rem-calc($gutter) / 2;
-        padding-left: $padding;
         padding-right: $padding;
+        padding-left: $padding;
       }
     }
 

diff --git a/scss/grid/_position.scss b/scss/grid/_position.scss
index 90a1aa50f7fa0648528e9c917946b141fe4ba2a0..0883ad9d163965b6dedf8ee7251840b72e1905ee 100644 (file)
--- a/scss/grid/_position.scss
+++ b/scss/grid/_position.scss
@@ -21,8 +21,8 @@
       float: none;
       clear: both;
     }
-    margin-left: auto;
     margin-right: auto;
+    margin-left: auto;
   }
   @else {
     @warn 'Wrong syntax for grid-column-position(). Enter a positive or negative number, or center.';
@@ -33,8 +33,8 @@
 @mixin grid-column-unposition {
   position: static;
   float: left;
-  margin-left: 0;
   margin-right: 0;
+  margin-left: 0;
 }
 
 /// Offsets a column to the right by `$n` columns.

diff --git a/scss/grid/_row.scss b/scss/grid/_row.scss
index da290e0f8225f828b96aa3a6f7c28e0fb687047d..36c7c192e53e50e7b313256da58697650d018910 100644 (file)
--- a/scss/grid/_row.scss
+++ b/scss/grid/_row.scss
@@ -54,14 +54,14 @@
     @include grid-row-nest($gutters);
 
     @if index($behavior, collapse) != null {
-      margin-left: 0;
       margin-right: 0;
+      margin-left: 0;
     }
   }
   @else {
     @include grid-row-size($size);
-    margin-left: auto;
     margin-right: auto;
+    margin-left: auto;
   }
 
   @if $cf {
@@ -82,8 +82,8 @@
   @include -zf-each-breakpoint {
     $margin: rem-calc(grid-column-gutter($-zf-size, $gutters)) / 2 * -1;
 
-    margin-left: $margin;
     margin-right: $margin;
+    margin-left: $margin;
   }
 }