aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/menu/menu.component.scss
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/app/menu/menu.component.scss')
-rw-r--r--client/src/app/menu/menu.component.scss42
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
355input[type=checkbox]{
356 position: absolute;
357 visibility: hidden;
358}
359
360label {
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
388input: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;