More code-style cleanup

.sass-lint.yml

@@ -42,6 +42,7 @@ rules:
     -
       order:
         - display
+        - float
         - width
         - height
         - margin

src/sass/mup.sass

@@ -16,21 +16,21 @@ $slider-thumb-border-radius: 15px
 
 //# styles
 .mup-video
-  vertical-align: top
   width: 100%
   margin: 0
   padding: 0
+  vertical-align: top
 
   &:focus,
   &:active
     outline: none
 
 .mup-controls
-  vertical-align: top
-  white-space: nowrap
   padding: 5px
   background: $background-color-dark
   overflow: auto
+  vertical-align: top
+  white-space: nowrap
 
   input:focus
     outline: none
@@ -104,24 +104,24 @@ $slider-thumb-border-radius: 15px
     &::-webkit-slider-runnable-track
       width: 100%
       height: 10px
+      background: $slider-track-color
+      border: none
+      border-radius: 25px
+      box-shadow: 0 0 0 $shadow-color, 0 0 0 $shadow-color
       cursor: pointer
       animate: 0.2s
-      box-shadow: 0 0 0 $shadow-color, 0 0 0 $shadow-color
-      background: $slider-track-color
-      border-radius: 25px
-      border: none
       overflow: hidden
 
     &::-webkit-slider-thumb
-      box-shadow: -100px 0 0 90px $main-color
-      border: none
       width: $slider-thumb-width
       height: $slider-thumb-height
-      border-radius: $slider-thumb-border-radius
+      margin-top: -2.4px
       background: $main-color
+      border: none
+      border-radius: $slider-thumb-border-radius
+      box-shadow: -100px 0 0 90px $main-color
       cursor: pointer
       -webkit-appearance: none
-      margin-top: -2.4px
 
     &:focus::-webkit-slider-runnable-track
       background: $slider-track-color
@@ -130,12 +130,12 @@ $slider-thumb-border-radius: 15px
     &::-moz-range-track
       width: 100%
       height: 10px
+      background: $slider-track-color
+      border: none
+      border-radius: 25px
+      box-shadow: 0 0 0 $shadow-color, 0 0 0 $shadow-color
       cursor: pointer
       animate: 0.2s
-      box-shadow: 0 0 0 $shadow-color, 0 0 0 $shadow-color
-      background: $slider-track-color
-      border-radius: 25px
-      border: none
 
     &::-moz-range-progress
       height: 100%
@@ -143,24 +143,24 @@ $slider-thumb-border-radius: 15px
       border-radius: $slider-thumb-border-radius
 
     &::-moz-range-thumb
-      box-shadow: 0 0 0 $shadow-color, 0 0 0 $shadow-color
-      border: none
       width: $slider-thumb-width
       height: $slider-thumb-height
-      border-radius: $slider-thumb-border-radius
       background: $main-color
+      border: none
+      border-radius: $slider-thumb-border-radius
+      box-shadow: 0 0 0 $shadow-color, 0 0 0 $shadow-color
       cursor: pointer
 
     //# Microsoft browser styles for range
     &::-ms-track
       width: 100%
       height: 10px
-      cursor: pointer
-      animate: 0.2s
       background: transparent
       border-color: transparent
       border-width: 39px 0
       color: transparent
+      cursor: pointer
+      animate: 0.2s
 
     &::-ms-fill-lower,
     &::-ms-fill-upper
@@ -173,12 +173,12 @@ $slider-thumb-border-radius: 15px
       background: $slider-thumb-color
 
     &::-ms-thumb
-      box-shadow: 0 0 0 $shadow-color, 0 0 0 $shadow-color
-      border: none
       width: $slider-thumb-width
       height: $slider-thumb-height
-      border-radius: $slider-thumb-border-radius
       background: $main-color
+      border: none
+      border-radius: $slider-thumb-border-radius
+      box-shadow: 0 0 0 $shadow-color, 0 0 0 $shadow-color
       cursor: pointer
 
     &:focus