Merge remote-tracking branch 'zawadzki/new-design'

[wolnelektury.git] / src / wolnelektury / static / 2022 / styles / components / _player.scss

diff --git a/src/wolnelektury/static/2022/styles/components/_player.scss b/src/wolnelektury/static/2022/styles/components/_player.scss
index ce90ee8..0604298 100644 (file)
--- a/src/wolnelektury/static/2022/styles/components/_player.scss
+++ b/src/wolnelektury/static/2022/styles/components/_player.scss
@@ -31,8 +31,13 @@
     color: #007880;
     font-size: 26px;
     position: relative;
-    left: 3px;
-    transition: all $ease-dynamic 350ms;
+    transition: background $ease-dynamic 350ms;
+    &.icon-play {
+      left: 3px;
+    }
+    &.icon-pause {
+      left: 1px;
+    }
   }
 }
 
@@ -64,20 +69,13 @@
     height: 10px;
     width: 100%;
     display: block;
-    background: #f2f2f2;
+    background: #FFFFFF;
     border-radius: 5px;
     position: relative;
     overflow: hidden;
 
-    span.jp-seek-bar {
-      height: 100%;
-      position: absolute;
-      border-radius: 5px;
-      background-color: #fff;
-      top: 0; left: 0;
-    }
-    
-    span.jp-play-bar {
+    span {
+      width: 40%;
       height: 100%;
       position: absolute;
       border-radius: 5px;
@@ -87,19 +85,6 @@
   }
 }
 
-.c-player__title {
-  top: -27px;
-  left: 0;
-  position: absolute;
-  font-style: normal;
-  font-weight: normal;
-  font-size: 12px;
-  line-height: 140%;
-  letter-spacing: 0.05em;
-  color: #083F4D;
-}
-
-
 .c-player__info {
   top: -27px;
   right: 0;
@@ -117,7 +102,7 @@
   display: block;
   position: relative;
 
-  > span {
+  span {
     position: absolute;
     padding-top: 10px;
     font-style: normal;