Skip to content

Commit 93abc5c

Browse files
committed
fix: css adjustments
1 parent 7d43807 commit 93abc5c

File tree

1 file changed

+14
-29
lines changed

1 file changed

+14
-29
lines changed

packages/webui/src/client/styles/countdown/director.scss

Lines changed: 14 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -82,26 +82,20 @@ $hold-status-color: $liveline-timecode-color;
8282
vertical-align: middle;
8383
color: #fff;
8484
position: relative;
85-
//font-weight: 700;
8685
font-size: 100px;
87-
line-height: 110%;
86+
line-height: 117%;
8887
height: 11vh;
89-
/* or 110px */
9088
letter-spacing: 0.01em;
9189
font-feature-settings: 'tnum' on, 'liga' off;
9290

9391
color: #ffffff;
94-
//font-stretch: 100;
9592

9693
// Default Roboto Flex settings:
97-
font-variation-settings: 'GRAD' 0, 'XOPQ' 96, 'XTRA' 468, 'YOPQ' 79, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738, 'YTLC' 514, 'YTUC' 712,
98-
'opsz' 100,
99-
'slnt' 0,
100-
'wdth' 100,
101-
'wght' 550;
102-
103-
text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
104-
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
94+
font-variation-settings: 'GRAD' 0, 'XOPQ' 96, 'XTRA' 468, 'YOPQ' 79, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738,
95+
'YTLC' 514, 'YTUC' 712, 'opsz' 100, 'slnt' 0, 'wdth' 100, 'wght' 550;
96+
97+
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
98+
box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.3);
10599
z-index: 1;
106100

107101
&.live {
@@ -131,12 +125,8 @@ $hold-status-color: $liveline-timecode-color;
131125
padding-left: 8vw;
132126
padding-top: 6px;
133127
color: #ff0;
134-
//font-stretch: 40;
135-
font-variation-settings: 'GRAD' 0, 'XOPQ' 96, 'XTRA' 468, 'YOPQ' 79, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738, 'YTLC' 514, 'YTUC' 712,
136-
'opsz' 100,
137-
'slnt' 0,
138-
'wdth' 100,
139-
'wght' 550;
128+
font-variation-settings: 'GRAD' 0, 'XOPQ' 96, 'XTRA' 468, 'YOPQ' 79, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738,
129+
'YTLC' 514, 'YTUC' 712, 'opsz' 100, 'slnt' 0, 'wdth' 100, 'wght' 550;
140130

141131
background: linear-gradient(
142132
90deg,
@@ -169,6 +159,7 @@ $hold-status-color: $liveline-timecode-color;
169159
grid-column: 1;
170160
padding: 0em;
171161
margin-left: 10px;
162+
margin-top: 1.4vh;
172163

173164
text-align: center;
174165
display: flex;
@@ -193,7 +184,7 @@ $hold-status-color: $liveline-timecode-color;
193184
overflow: hidden;
194185
white-space: nowrap;
195186
padding-left: 0.2em;
196-
margin-top: 12px;
187+
margin-top: 2.95vh;
197188
display: flex;
198189
align-items: top;
199190
}
@@ -272,21 +263,15 @@ $hold-status-color: $liveline-timecode-color;
272263
clip-path: polygon(0 0, 85% 0, 100% 50%, 85% 100%, 0 100%);
273264
// font-variation-settings: 'GRAD' 0, 'XOPQ' 96, 'XTRA' 468, 'YOPQ' 79, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738,
274265
// 'YTLC' 548, 'YTUC' 712, 'slnt' 0, 'opsz' 3;
275-
font-variation-settings: 'GRAD' 0, 'XOPQ' 96, 'XTRA' 468, 'YOPQ' 79, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738, 'YTLC' 514, 'YTUC' 712,
276-
'opsz' 30,
277-
'slnt' 0,
278-
'wdth' 50,
279-
'wght' 700;
266+
font-variation-settings: 'GRAD' 0, 'XOPQ' 96, 'XTRA' 468, 'YOPQ' 79, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738,
267+
'YTLC' 514, 'YTUC' 712, 'opsz' 30, 'slnt' 0, 'wdth' 50, 'wght' 700;
280268
}
281269
.director-screen__body__part__auto-icon {
282270
border-radius: 0 25px 25px 0;
283271
// font-variation-settings: 'GRAD' 0, 'XOPQ' 96, 'XTRA' 468, 'YOPQ' 79, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738,
284272
// 'YTLC' 548, 'YTUC' 712, 'slnt' -7, 'opsz' 3;
285-
font-variation-settings: 'GRAD' 0, 'XOPQ' 96, 'XTRA' 468, 'YOPQ' 79, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738, 'YTLC' 514, 'YTUC' 712,
286-
'opsz' 30,
287-
'slnt' 0,
288-
'wdth' 50,
289-
'wght' 700;
273+
font-variation-settings: 'GRAD' 0, 'XOPQ' 96, 'XTRA' 468, 'YOPQ' 79, 'YTAS' 750, 'YTDE' -203, 'YTFI' 738,
274+
'YTLC' 514, 'YTUC' 712, 'opsz' 30, 'slnt' 0, 'wdth' 50, 'wght' 700;
290275
}
291276
.director-screen__body__part__next-icon,
292277
.director-screen__body__part__auto-icon {

0 commit comments

Comments
 (0)