| 1 |
{"version":3,"file":"options.css","sources":["options-page/options.scss","_variables.scss"],"sourcesContent":["@import \"../variables.scss\";\r\n\r\n.wtotem {\r\n &_holder {\r\n }\r\n\r\n &_option {\r\n }\r\n\r\n &_item {\r\n margin-bottom: 23px;\r\n }\r\n\r\n &_control {\r\n }\r\n}\r\n\r\n.wtotem_holder {\r\n display: flex;\r\n justify-content: space-between;\r\n &__content {\r\n width: 70%;\r\n }\r\n\r\n &__sidebar {\r\n width: 27.8431372549%;\r\n }\r\n}\r\n\r\n.wtotem_option {\r\n margin-bottom: 12px;\r\n padding: 28px 24px 24px 24px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n width: 100%;\r\n &:last-child {\r\n margin-bottom: 0;\r\n }\r\n &__desc {\r\n }\r\n\r\n &__title {\r\n margin-bottom: 7px;\r\n color: #1d293f;\r\n font-size: 14px;\r\n font-weight: 500;\r\n }\r\n\r\n &__text {\r\n width: 495px;\r\n font-size: 12px;\r\n color: $c-titles;\r\n line-height: 16px;\r\n }\r\n\r\n &__checkbox {\r\n }\r\n}\r\n.wtotem_control {\r\n padding: 16px 22px 24px 22px;\r\n &__title {\r\n color: #1d293f;\r\n font-size: 14px;\r\n font-weight: 500;\r\n margin-bottom: 18px;\r\n }\r\n\r\n &__block {\r\n padding: 12px 8px;\r\n display: flex;\r\n align-items: center;\r\n background: #f3f5f6;\r\n border-radius: 5px;\r\n margin-bottom: 12px;\r\n width: 100%;\r\n &_switch {\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n }\r\n\r\n &__circle {\r\n margin-right: 4px;\r\n width: 16px;\r\n height: 16px;\r\n border-radius: 100px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: #4bc374;\r\n img {\r\n width: 7px;\r\n height: 7px;\r\n }\r\n }\r\n\r\n &__check-mark {\r\n }\r\n\r\n &__name {\r\n color: $c-titles;\r\n }\r\n\r\n &__trash {\r\n width: 15px;\r\n height: 15px;\r\n background: url(\"../img/trash.svg\") no-repeat center center / cover;\r\n margin-left: auto;\r\n cursor: pointer;\r\n }\r\n\r\n &__btn {\r\n color: #fff;\r\n display: block;\r\n width: 100%;\r\n height: 42px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: #4bc374;\r\n border-radius: 5px;\r\n transition: all 0.2s ease-in-out;\r\n border: none;\r\n cursor: pointer;\r\n &:hover {\r\n transition: all 0.2s ease-in-out;\r\n background: #f3f5f6;\r\n color: $c-titles;\r\n }\r\n }\r\n\r\n &__checkbox {\r\n }\r\n\r\n &__label {\r\n position: relative;\r\n width: 41px;\r\n height: 23px;\r\n border-radius: 100px;\r\n background: #1f2323;\r\n padding: 4px 7px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n cursor: pointer;\r\n &:before,\r\n &:after {\r\n content: \"\";\r\n display: block;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n &:before {\r\n width: 8px;\r\n height: 8px;\r\n background: url(\"../img/checkbox-sun.svg\") no-repeat center center /\r\n cover;\r\n }\r\n &:after {\r\n width: 6px;\r\n height: 6px;\r\n background: url(\"../img/checkbox-moon.svg\") no-repeat center center /\r\n cover;\r\n }\r\n }\r\n\r\n &__switched-circle {\r\n position: absolute;\r\n left: 4px;\r\n width: 15px;\r\n height: 15px;\r\n background: #fff;\r\n border-radius: 100px;\r\n display: block;\r\n z-index: 1;\r\n transition: all 0.3s ease-in-out;\r\n }\r\n\r\n &__input {\r\n display: none;\r\n &:checked + label {\r\n background: #fff;\r\n }\r\n\r\n &:checked + label span {\r\n left: 23px;\r\n background: $c-blue;\r\n }\r\n }\r\n}\r\n\r\n.onoff {\r\n &__input {\r\n display: none;\r\n }\r\n\r\n &__label {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n width: 43px;\r\n height: 23px;\r\n border-radius: 100px;\r\n padding: 4px;\r\n background: #f4f4f4;\r\n overflow: hidden;\r\n cursor: pointer;\r\n &:before,\r\n &:after {\r\n position: absolute;\r\n font-weight: 500;\r\n font-size: 9px;\r\n transition: all 0.3s ease-in-out;\r\n }\r\n &:before {\r\n content: \"ON\";\r\n color: $c-blue;\r\n left: -100%;\r\n }\r\n &:after {\r\n content: \"OFF\";\r\n color: #979797;\r\n right: 4px;\r\n }\r\n }\r\n &__circle {\r\n position: absolute;\r\n left: 4px;\r\n width: 15px;\r\n height: 15px;\r\n border-radius: 100px;\r\n background: #c4c4c4;\r\n transition: all 0.3s ease-in-out;\r\n }\r\n\r\n &__input:checked + label &__circle {\r\n background: $c-blue;\r\n left: 22px;\r\n }\r\n\r\n &__input:checked + label:before {\r\n left: 4px;\r\n }\r\n\r\n &__input:checked + label:after {\r\n right: -100%;\r\n }\r\n}\r\n\r\n/* 992-1100px lg Large */\r\n@media screen and (max-width: 1100px) {\r\n .wtotem_option {\r\n &__text {\r\n width: 95%;\r\n }\r\n }\r\n}\r\n/* 768-992px md Medium */\r\n@media screen and (max-width: 992px) {\r\n .wtotem_holder {\r\n flex-direction: column;\r\n &__content {\r\n width: 100%;\r\n margin-bottom: 30px;\r\n }\r\n\r\n &__sidebar {\r\n width: 100%;\r\n }\r\n }\r\n}\r\n/* 576-768px sm Small */\r\n@media screen and (max-width: 768px) {\r\n}\r\n/* 375-576px Extra small */\r\n@media screen and (max-width: 576px) {\r\n .wtotem_holder {\r\n &__content {\r\n margin-bottom: 20px;\r\n }\r\n\r\n &__sidebar {\r\n }\r\n }\r\n}\r\n\r\n/* 320-375px Extra small */\r\n@media screen and (max-width: 576px) {\r\n}\r\n","$c-blue: #3d50df;\r\n$c-titles: #5e6977;\r\n$c-orange: #d56c6a;\r\n\r\n// dark theme\r\n$c-card: #282828;\r\n$c-font: #f3f5f6;\r\n"],"names":[],"mappings":"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"} |
