style(css): Update style rule ordering to match latest standard

box · Sep 3, 2019 · 65ca616 · 65ca616
1 parent 224664d
commit 65ca616
Show file tree

Hide file tree

Showing 26 changed files with 505 additions and 510 deletions.
diff --git a/src/lib/Controls.scss b/src/lib/Controls.scss
@@ -1,26 +1,26 @@
 .bp-controls-wrapper {
-    border: 0 none;
+    position: absolute;
     bottom: 25px;
     left: 50%;
     margin: 0;
     padding: 0;
-    position: absolute;
+    border: 0 none;
 }
 
 .bp-controls {
+    position: relative;
+    left: -50%;
+    display: table;
+    table-layout: fixed;
     background: fade-out($twos, .05);
     border-radius: 3px;
-    display: table;
-    left: -50%;
     opacity: 0;
-    position: relative;
-    table-layout: fixed;
     transition: opacity .5s;
 
     // Page num input CSS
     .bp-page-num {
-        min-width: 48px;
         width: auto; // Let page num expand as needed
+        min-width: 48px;
 
         span {
             display: inline;
@@ -29,10 +29,10 @@
     }
 
     .bp-page-num-wrapper {
-        background-color: #444;
-        border-radius: 3px;
         margin: 5px;
         padding: 7px 5px;
+        background-color: #444;
+        border-radius: 3px;
     }
 
     /* stylelint-disable property-no-vendor-prefix */
@@ -50,19 +50,19 @@
     /* stylelint-enable property-no-vendor-prefix */
 
     input[type='number'].bp-page-num-input {
-        font-size: 14px;
-        margin: 0 auto;
         position: absolute;
+        width: 44px; // hard-coded to solve layout issues
+        margin: 0 auto;
+        font-size: 14px;
         text-align: center;
         visibility: hidden;
-        width: 44px; // hard-coded to solve layout issues
     }
 
     &.show-page-number-input {
         .bp-page-num-wrapper {
+            padding: 0;
             background-color: transparent;
             border: none;
-            padding: 0;
         }
 
         .bp-page-num {
@@ -76,8 +76,8 @@
         }
 
         input[type='number'].bp-page-num-input {
-            display: inline-block;
             position: static;
+            display: inline-block;
             visibility: visible;
         }
     }
@@ -91,26 +91,26 @@
     display: table-cell;
     margin: 0;
     padding: 0;
-    touch-action: manipulation;
-    user-select: none;
     vertical-align: middle;
+    user-select: none;
+    touch-action: manipulation;
 }
 
 .bp-controls-btn {
-    background: transparent;
-    border: 1px solid transparent;
-    color: $white;
-    cursor: pointer;
     display: block;
+    width: 48px;
     height: 48px;
     margin: 0;
-    opacity: .7;
-    outline: 0;
     padding: 0;
+    color: $white;
+    background: transparent;
+    border: 1px solid transparent;
+    outline: 0;
+    cursor: pointer;
+    opacity: .7;
+    user-select: none;
     // disables non-standard gestures such as double-tap to zoom
     touch-action: manipulation;
-    user-select: none;
-    width: 48px;
     zoom: 1;
 
     &:hover,

diff --git a/src/lib/ProgressBar.scss b/src/lib/ProgressBar.scss
@@ -10,11 +10,11 @@
 }
 
 .bp-progress-bar {
-    background-color: $box-blue;
+    width: 0%;
     height: 3px;
+    background-color: $box-blue;
     opacity: 0;
     transition: opacity .3s ease-in, width .2s ease-in;
-    width: 0%;
 
     &.bp-is-visible {
         opacity: 1;

diff --git a/src/lib/VirtualScroller.scss b/src/lib/VirtualScroller.scss
@@ -3,16 +3,16 @@
     overflow-y: auto;
 
     .bp-vs-list {
+        position: relative;
         margin: 0;
         padding: 0;
-        position: relative;
     }
 
     .bp-vs-list-item {
-        box-sizing: border-box;
-        display: flex;
-        left: 0;
         position: absolute;
         right: 0;
+        left: 0;
+        display: flex;
+        box-sizing: border-box;
     }
 }