15
15
cursor : pointer ;
16
16
line-height : 1.5em ;
17
17
font : 400 16px ' Outfit' , sans-serif ;
18
- // font-size: $button-text-size;
19
18
width : 120px ;
20
19
background : $red-color-gradient ;
21
20
height : 30px ;
48
47
background-color : rgb (41 , 164 , 41 );
49
48
}
50
49
}
51
- // need to check if this is necessary 8/3/23
50
+
52
51
.empty-button {
53
52
padding : 3px ;
54
53
outline : transparent ;
62
61
cursor : pointer ;
63
62
line-height : 1.5em ;
64
63
font : 500 16px ' Roboto' , sans-serif ;
65
- // font-size: $button-text-size; increase the font size and contrast for readability
66
64
width : 120px ;
67
65
background : #62d6fb ;
68
66
}
93
91
margin-bottom : 8px ;
94
92
width : 100px ;
95
93
border : none ;
96
- /* border-radius: 3px; */
97
94
background : linear-gradient (145deg , #5c6068 , #4d5157 );
98
95
font : normal 16px ' Outfit' , sans-serif ;
99
96
color : #ffffff ;
178
175
border-radius : 5px ;
179
176
}
180
177
181
- // .play-button:focus,
182
- // .backward-button:focus,
183
- // .forward-button:focus {
184
- // outline: none;
185
- // box-shadow: $box-shadow-blue;
186
- // }
187
-
188
178
.forward-button :hover ,
189
179
.backward-button :hover {
190
180
background : $blue-color-gradient ;
191
181
transform : translate3d (0 , -3px , 0 );
192
182
cursor : pointer ;
193
183
}
194
184
195
- // .import-button,
196
- // .howToUse-button,
197
- // .export-button,
198
- // .pause-button {
199
- // @extend %button-shared;
200
- // font-size: 16px;
201
- // color: white;
202
- // border-color: transparent;
203
- // background: $blue-color-gradient;
204
- // }
205
-
206
185
.import-button :hover ,
207
186
.howToUse-button :hover ,
208
187
.export-button :hover ,
283
262
}
284
263
285
264
.series-options-container {
286
- // display: flex;
287
- // justify-content: space-evenly;
288
- // align-items: center;
289
265
margin : 0 1rem ;
290
266
}
291
267
325
301
326
302
/* sidebar button open and closing functionality */
327
303
aside {
328
- // width: 250px;
329
304
background : #242529 ;
330
305
color : #fff ;
331
306
transition : width 1s ;
@@ -337,8 +312,6 @@ aside {
337
312
}
338
313
339
314
.toggle {
340
- // width: 40px;
341
- // height: 10px;
342
315
display : block ;
343
316
position : relative ;
344
317
margin-top : 1rem ;
0 commit comments