diff options
Diffstat (limited to 'client/src/app/menu/menu.component.scss')
-rw-r--r-- | client/src/app/menu/menu.component.scss | 42 |
1 files changed, 0 insertions, 42 deletions
diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss index 3ca4e47a1..8a8094fbb 100644 --- a/client/src/app/menu/menu.component.scss +++ b/client/src/app/menu/menu.component.scss | |||
@@ -352,48 +352,6 @@ menu { | |||
352 | color: #6c757d; | 352 | color: #6c757d; |
353 | } | 353 | } |
354 | 354 | ||
355 | input[type=checkbox]{ | ||
356 | position: absolute; | ||
357 | visibility: hidden; | ||
358 | } | ||
359 | |||
360 | label { | ||
361 | cursor: pointer; | ||
362 | text-indent: -9999px; | ||
363 | width: 35px; | ||
364 | height: 20px; | ||
365 | background: #cccccc; | ||
366 | display: block; | ||
367 | border-radius: 100px; | ||
368 | position: relative; | ||
369 | margin: 0; | ||
370 | |||
371 | &:after { | ||
372 | content: ''; | ||
373 | position: absolute; | ||
374 | top: 3px; | ||
375 | left: 3px; | ||
376 | width: 14px; | ||
377 | height: 14px; | ||
378 | background: pvar(--mainBackgroundColor); | ||
379 | border-radius: 50%; | ||
380 | transition: 0.3s ease-out; | ||
381 | } | ||
382 | |||
383 | &:active:after { | ||
384 | width: 40px; | ||
385 | } | ||
386 | } | ||
387 | |||
388 | input:checked + label { | ||
389 | background: pvar(--mainColor); | ||
390 | |||
391 | &:after { | ||
392 | left: calc(100% - 3px); | ||
393 | transform: translateX(-100%); | ||
394 | } | ||
395 | } | ||
396 | |||
397 | @media screen and (max-width: $mobile-view) { | 355 | @media screen and (max-width: $mobile-view) { |
398 | .menu-wrapper { | 356 | .menu-wrapper { |
399 | width: 100% !important; | 357 | width: 100% !important; |