X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/98062d2158ebe1f734d811691ab15e6887684281..6407cf24cd6cf3f9ea6fdf4a8924dad109a590e6:/src/wolnelektury/static/2022/styles/layout/_checkout.scss?ds=sidebyside diff --git a/src/wolnelektury/static/2022/styles/layout/_checkout.scss b/src/wolnelektury/static/2022/styles/layout/_checkout.scss index 320a7d84a..870da2311 100644 --- a/src/wolnelektury/static/2022/styles/layout/_checkout.scss +++ b/src/wolnelektury/static/2022/styles/layout/_checkout.scss @@ -174,6 +174,7 @@ align-items: center; justify-content: center; margin-top: 35px; + width: 100%; } .l-switch { @@ -186,7 +187,7 @@ } .l-switch label { - color: #fff; + color: #74BDC2; font-weight: 600; font-size: 18.5px; line-height: 26px; @@ -221,10 +222,23 @@ z-index: 2; } +.toggle-input-left:checked ~ .l-switch__wrapper { + .toggle-for-left { + color: #003C3C; + } + .toggle { + left: 5px; + } +} +.toggle-input-right:checked ~ .l-switch__wrapper { + .toggle-for-right { + color: #003C3C; + } + .toggle { + left: 39px; + } +} .l-switch input:checked~label:nth-of-type(1) { color: #003C3C; } -.l-switch input:checked~label:nth-of-type(2) { color: #74BDC2; } - -.l-switch input~:checked~label:nth-of-type(1) { color: #74BDC2; } .l-switch input~:checked~label:nth-of-type(2) { color: #003C3C; } .l-switch input:checked~.toggle { @@ -1007,6 +1021,7 @@ > div, > button { width: calc(33.333% - 20px); + margin-left: 24px; } } }