1515 cursor : pointer ;
1616 line-height : 1.5em ;
1717 font : 400 16px ' Outfit' , sans-serif ;
18- // font-size: $button-text-size;
1918 width : 120px ;
2019 background : $red-color-gradient ;
2120 height : 30px ;
4847 background-color : rgb (41 , 164 , 41 );
4948 }
5049}
51- // need to check if this is necessary 8/3/23
50+
5251.empty-button {
5352 padding : 3px ;
5453 outline : transparent ;
6261 cursor : pointer ;
6362 line-height : 1.5em ;
6463 font : 500 16px ' Roboto' , sans-serif ;
65- // font-size: $button-text-size; increase the font size and contrast for readability
6664 width : 120px ;
6765 background : #62d6fb ;
6866}
9391 margin-bottom : 8px ;
9492 width : 100px ;
9593 border : none ;
96- /* border-radius: 3px; */
9794 background : linear-gradient (145deg , #5c6068 , #4d5157 );
9895 font : normal 16px ' Outfit' , sans-serif ;
9996 color : #ffffff ;
178175 border-radius : 5px ;
179176}
180177
181- // .play-button:focus,
182- // .backward-button:focus,
183- // .forward-button:focus {
184- // outline: none;
185- // box-shadow: $box-shadow-blue;
186- // }
187-
188178.forward-button :hover ,
189179.backward-button :hover {
190180 background : $blue-color-gradient ;
191181 transform : translate3d (0 , -3px , 0 );
192182 cursor : pointer ;
193183}
194184
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-
206185.import-button :hover ,
207186.howToUse-button :hover ,
208187.export-button :hover ,
283262}
284263
285264.series-options-container {
286- // display: flex;
287- // justify-content: space-evenly;
288- // align-items: center;
289265 margin : 0 1rem ;
290266}
291267
325301
326302/* sidebar button open and closing functionality */
327303aside {
328- // width: 250px;
329304 background : #242529 ;
330305 color : #fff ;
331306 transition : width 1s ;
@@ -337,8 +312,6 @@ aside {
337312}
338313
339314.toggle {
340- // width: 40px;
341- // height: 10px;
342315 display : block ;
343316 position : relative ;
344317 margin-top : 1rem ;
0 commit comments