aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/sass')
-rw-r--r--client/src/sass/bootstrap.scss14
-rw-r--r--client/src/sass/player/bezels.scss30
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}