diff options
Diffstat (limited to 'client/src/sass')
-rw-r--r-- | client/src/sass/bootstrap.scss | 14 | ||||
-rw-r--r-- | client/src/sass/player/bezels.scss | 30 |
2 files changed, 24 insertions, 20 deletions
diff --git a/client/src/sass/bootstrap.scss b/client/src/sass/bootstrap.scss index fca116701..330882fe4 100644 --- a/client/src/sass/bootstrap.scss +++ b/client/src/sass/bootstrap.scss | |||
@@ -10,8 +10,12 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/'; | |||
10 | } | 10 | } |
11 | 11 | ||
12 | @keyframes spin { | 12 | @keyframes spin { |
13 | from { transform: scale(1) rotate(0deg);} | 13 | from { |
14 | to { transform: scale(1) rotate(360deg);} | 14 | transform: scale(1) rotate(0deg); |
15 | } | ||
16 | to { | ||
17 | transform: scale(1) rotate(360deg); | ||
18 | } | ||
15 | } | 19 | } |
16 | 20 | ||
17 | .dropdown-menu { | 21 | .dropdown-menu { |
@@ -38,7 +42,7 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/'; | |||
38 | } | 42 | } |
39 | 43 | ||
40 | 44 | ||
41 | @media screen and (min-width: 768px) { | 45 | @media screen and (min-width: 768px) { |
42 | .modal:before { | 46 | .modal:before { |
43 | display: inline-block; | 47 | display: inline-block; |
44 | vertical-align: middle; | 48 | vertical-align: middle; |
@@ -172,9 +176,9 @@ ngb-modal-backdrop { | |||
172 | } | 176 | } |
173 | 177 | ||
174 | .btn-outline-tertiary { | 178 | .btn-outline-tertiary { |
175 | color: var(--secondaryColor); | 179 | color: var(--secondaryColor); |
176 | border-color: var(--secondaryColor); | 180 | border-color: var(--secondaryColor); |
177 | 181 | ||
178 | &:hover { | 182 | &:hover { |
179 | color: var(--mainBackgroundColor); | 183 | color: var(--mainBackgroundColor); |
180 | background-color: var(--secondaryColor); | 184 | background-color: var(--secondaryColor); |
diff --git a/client/src/sass/player/bezels.scss b/client/src/sass/player/bezels.scss index f1b1dcb4a..ff3448511 100644 --- a/client/src/sass/player/bezels.scss +++ b/client/src/sass/player/bezels.scss | |||
@@ -9,25 +9,25 @@ | |||
9 | } | 9 | } |
10 | 10 | ||
11 | .vjs-bezel { | 11 | .vjs-bezel { |
12 | position: absolute; | 12 | position: absolute; |
13 | left: 50%; | 13 | left: 50%; |
14 | top: 50%; | 14 | top: 50%; |
15 | width: 52px; | 15 | width: 52px; |
16 | height: 52px; | 16 | height: 52px; |
17 | z-index: 19; | 17 | z-index: 19; |
18 | margin-left: -26px; | 18 | margin-left: -26px; |
19 | margin-top: -26px; | 19 | margin-top: -26px; |
20 | background: rgba(0,0,0,.5); | 20 | background: rgba(0, 0, 0, .5); |
21 | border-radius: 26px; | 21 | border-radius: 26px; |
22 | animation: bezels-fadeout .5s linear 1 normal forwards; | 22 | animation: bezels-fadeout .5s linear 1 normal forwards; |
23 | pointer-events: none; | 23 | pointer-events: none; |
24 | } | 24 | } |
25 | 25 | ||
26 | .vjs-bezel-icon { | 26 | .vjs-bezel-icon { |
27 | width: 36px; | 27 | width: 36px; |
28 | height: 36px; | 28 | height: 36px; |
29 | margin: 8px; | 29 | margin: 8px; |
30 | 30 | ||
31 | svg .vjs-svg-fill { | 31 | svg .vjs-svg-fill { |
32 | fill: #fff; | 32 | fill: #fff; |
33 | } | 33 | } |
@@ -39,4 +39,4 @@ | |||
39 | 39 | ||
40 | } | 40 | } |
41 | 41 | ||
42 | } \ No newline at end of file | 42 | } |