| 1 |
{"version":3,"file":"header.css","sources":["header.scss","_variables.scss"],"sourcesContent":["@import \"variables.scss\";\r\n.wtotem_header {\r\n position: relative;\r\n z-index: 4;\r\n width: 100%;\r\n top: 0;\r\n left: 0;\r\n &__body {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n &:before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: #fff;\r\n z-index: 2;\r\n }\r\n}\r\n\r\n.wtotem_version {\r\n position: relative;\r\n z-index: 100;\r\n display: flex;\r\n align-items: center;\r\n &__count {\r\n width: 28px;\r\n height: 18px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 10px;\r\n font-weight: 500;\r\n border: 1px solid $c-blue;\r\n border-radius: 4px;\r\n margin-left: 8px;\r\n }\r\n}\r\n.wtotem_logo {\r\n width: 113px;\r\n height: 24px;\r\n background: url(\"../img/logo.svg\") no-repeat center center / cover;\r\n}\r\n.wtotem_nav {\r\n position: relative;\r\n z-index: 3;\r\n height: 70px;\r\n &__menu {\r\n display: flex;\r\n height: 100%;\r\n }\r\n &__item {\r\n }\r\n &__link {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n height: 100%;\r\n font-size: 14px;\r\n color: $c-titles;\r\n font-weight: 500;\r\n padding: 0 16px;\r\n }\r\n &__link_active {\r\n color: $c-blue;\r\n &:before {\r\n content: \"\";\r\n position: absolute;\r\n bottom: 0;\r\n right: 0;\r\n left: 0;\r\n background: $c-blue;\r\n height: 3px;\r\n }\r\n }\r\n}\r\n\r\n/* 576-768px sm Small */\r\n@media screen and (max-width: 768px) {\r\n body.lock {\r\n overflow: hidden;\r\n }\r\n .wtotem_version {\r\n position: relative;\r\n z-index: 3;\r\n }\r\n .wtotem_header {\r\n &__body {\r\n height: 65px;\r\n }\r\n }\r\n .wtotem_nav {\r\n position: fixed;\r\n top: -100%;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: #f3f5f6;\r\n display: block;\r\n padding-top: 65px;\r\n transition: all 0.3s ease-in-out;\r\n overflow: auto;\r\n z-index: 1;\r\n &__menu {\r\n display: block;\r\n }\r\n &__item {\r\n border-bottom: 1px solid #eceff4;\r\n }\r\n &__link {\r\n height: auto;\r\n display: block;\r\n color: #1d293f;\r\n font-size: 24px;\r\n padding: 22px 0;\r\n width: 540px;\r\n margin: 0 auto;\r\n }\r\n &__link_active {\r\n color: $c-blue;\r\n &:before {\r\n display: none;\r\n }\r\n }\r\n &.active {\r\n top: 0;\r\n }\r\n }\r\n .wtotem_burger {\r\n position: relative;\r\n width: 23px;\r\n height: 18px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-end;\r\n cursor: pointer;\r\n z-index: 3;\r\n &:before,\r\n &__middle-line,\r\n &:after {\r\n content: \"\";\r\n background: $c-blue;\r\n height: 2px;\r\n display: block;\r\n right: 0;\r\n border-radius: 100px;\r\n transition: all 0.3s ease-in-out;\r\n }\r\n\r\n &:before {\r\n position: absolute;\r\n width: 23px;\r\n top: 0;\r\n }\r\n &__middle-line {\r\n width: 18px;\r\n }\r\n &:after {\r\n position: absolute;\r\n width: 14px;\r\n bottom: 0;\r\n }\r\n &.active &__middle-line {\r\n transform: scale(0);\r\n }\r\n &.active:before {\r\n transform: rotate(45deg);\r\n top: 8px;\r\n }\r\n &.active:after {\r\n transform: rotate(-45deg);\r\n width: 100%;\r\n bottom: 8px;\r\n }\r\n }\r\n}\r\n/* 320-576px Extra small */\r\n@media screen and (max-width: 576px) {\r\n .wtotem_nav {\r\n &__menu {\r\n }\r\n &__item {\r\n }\r\n &__link {\r\n width: 345px;\r\n margin: 0 auto;\r\n }\r\n }\r\n}\r\n\r\n/* 320-375px Extra small */\r\n@media screen and (max-width: 375px) {\r\n .wtotem_nav {\r\n &__link {\r\n padding-left: 10px;\r\n }\r\n }\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n .wtotem_theme—dark .wtotem_nav {\r\n background: #191919;\r\n }\r\n\r\n .wtotem_theme—dark .wtotem_nav__item {\r\n border-bottom: 1px solid #3c3c3d;\r\n }\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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"} |
