Metaunix/metaunix-player-js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

More code-style cleanup

Browse Source
This commit is contained in:
Gregory Ballantine 2018-04-11 17:37:37 -04:00
parent d104e9be1f
commit b43f470103
2 changed files with 24 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.sass-lint.yml
View File

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

46
src/sass/mup.sass
View File

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