diff --git a/.sass-lint.yml b/.sass-lint.yml index e8c1238..a591a1a 100644 --- a/.sass-lint.yml +++ b/.sass-lint.yml @@ -42,6 +42,7 @@ rules: - order: - display + - float - width - height - margin diff --git a/src/sass/mup.sass b/src/sass/mup.sass index 03456dd..0709c76 100644 --- a/src/sass/mup.sass +++ b/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