equal
deleted
inserted
replaced
88 .player-component #audio .progress .remaining { |
88 .player-component #audio .progress .remaining { |
89 right: 0px; |
89 right: 0px; |
90 } |
90 } |
91 |
91 |
92 .player-component #audio .progress .bar { |
92 .player-component #audio .progress .bar { |
93 width: 302px; |
93 width: 226px; |
94 height: 3px; |
94 height: 3px; |
95 background-color: $light-white; |
95 background-color: $light-white; |
96 margin: -1px 60px 0 60px; |
96 margin: -1px 60px 0 60px; |
97 position: relative; |
97 position: relative; |
98 display: block; |
98 display: block; |
118 display: block; |
118 display: block; |
119 position: relative; |
119 position: relative; |
120 } |
120 } |
121 |
121 |
122 .player-component #audio .meta p:first-child { |
122 .player-component #audio .meta p:first-child { |
123 margin-left: 0px; |
123 margin-left: 59px; |
124 } |
124 } |
125 |
125 |
126 .player-component #audio .meta p > * { |
126 .player-component #audio .meta p > * { |
127 white-space: nowrap; |
127 white-space: nowrap; |
128 text-overflow: ellipsis; |
128 text-overflow: ellipsis; |
164 .player-component #video #popcorn-audio { |
164 .player-component #video #popcorn-audio { |
165 width: 100%; |
165 width: 100%; |
166 display: block; |
166 display: block; |
167 margin: 0 auto; |
167 margin: 0 auto; |
168 } |
168 } |
|
169 |
|
170 .player-component #audio .controls.extra i.fa-bars { |
|
171 position: relative; |
|
172 } |
|
173 |
|
174 .player-component #audio .controls.extra i.fa-bars::before { |
|
175 font-size: 21px; |
|
176 transition: opacity .15s; |
|
177 } |
|
178 |
|
179 .player-component #audio .controls.extra i.fa-bars:not(.active)::before { |
|
180 opacity: .1; |
|
181 } |
|
182 |
|
183 .player-component #audio .controls.extra i.fa-bars:not(.active):hover::before { |
|
184 opacity: 1; |
|
185 } |