Added SASS file for default styles

2018-02-26 16:51:09 -05:00 · 2018-02-26 16:51:09 -05:00 · 12db9af2ce
commit 12db9af2ce
parent 72aade7d3f
1 changed files with 42 additions and 0 deletions
--- a/src/sass/mup.sass
+++ b/src/sass/mup.sass
@ -0,0 +1,42 @@
+.mup-video
+  vertical-align: top
+  margin: 0
+  padding: 0
+
+.mup-controls
+  display: flex
+  vertical-align: top
+  white-space: nowrap
+  width: calc(100% - 10px)
+  padding: 5px
+  background: #212121
+
+.mup-control
+  display: inline-block
+  flex: none
+
+button.mup-control
+  margin: 0
+  padding: 7px 12px
+  background: #eee
+  border: none
+  color: #000
+  font-size: 16px
+  transition: all 200ms ease-in-out
+  &:hover
+    background: #fff
+    color: #212121
+    cursor: pointer
+
+.mup-progress-bar, .mup-progress-fill
+  margin: 0
+  padding: 0
+  border: 0
+
+.mup-progress-bar
+  flex: 1
+  background: pink
+
+.mup-progress-fill
+  height: 100%
+  background: lime