-
Notifications
You must be signed in to change notification settings - Fork 0
/
bundle-styles.css.map
1 lines (1 loc) · 25.8 KB
/
bundle-styles.css.map
1
{"version":3,"sources":["webpack:///./src/D:/Саша/Флэха/site/app/hello/test-task/src/D:/Саша/Флэха/site/app/hello/test-task/src/fonts.scss","webpack:///./src/D:/Саша/Флэха/site/app/hello/test-task/src/D:/Саша/Флэха/site/app/hello/test-task/src/styles/variables.scss","webpack:///./src/D:/Саша/Флэха/site/app/hello/test-task/src/D:/Саша/Флэха/site/app/hello/test-task/src/styles/menu.scss","webpack:///./src/D:/Саша/Флэха/site/app/hello/test-task/src/D:/Саша/Флэха/site/app/hello/test-task/src/styles/mixins.scss","webpack:///./src/D:/Саша/Флэха/site/app/hello/test-task/src/D:/Саша/Флэха/site/app/hello/test-task/src/styles/components/phone.scss","webpack:///./src/D:/Саша/Флэха/site/app/hello/test-task/src/D:/Саша/Флэха/site/app/hello/test-task/src/styles/components/social.scss","webpack:///./src/D:/Саша/Флэха/site/app/hello/test-task/src/D:/Саша/Флэха/site/app/hello/test-task/src/styles/components/description.scss","webpack:///./src/D:/Саша/Флэха/site/app/hello/test-task/src/D:/Саша/Флэха/site/app/hello/test-task/src/styles/components/button.scss","webpack:///./src/D:/Саша/Флэха/site/app/hello/test-task/src/D:/Саша/Флэха/site/app/hello/test-task/src/styles/components/beacon.scss","webpack:///./src/D:/Саша/Флэха/site/app/hello/test-task/src/D:/Саша/Флэха/site/app/hello/test-task/src/styles/first.scss","webpack:///./src/D:/Саша/Флэха/site/app/hello/test-task/src/D:/Саша/Флэха/site/app/hello/test-task/src/styles/components/map.scss","webpack:///./src/D:/Саша/Флэха/site/app/hello/test-task/src/D:/Саша/Флэха/site/app/hello/test-task/src/styles/how-it-works.scss","webpack:///./src/D:/Саша/Флэха/site/app/hello/test-task/src/D:/Саша/Флэха/site/app/hello/test-task/src/styles/components/carousel.scss","webpack:///./src/D:/Саша/Флэха/site/app/hello/test-task/src/D:/Саша/Флэха/site/app/hello/test-task/src/styles/first-projects.scss","webpack:///./src/D:/Саша/Флэха/site/app/hello/test-task/src/D:/Саша/Флэха/site/app/hello/test-task/src/main.scss"],"names":[],"mappings":"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","file":"bundle-styles.css","sourcesContent":["@font-face {\r\n font-family: Gotham Pro;\r\n src: url(styles/fonts/GothaProReg.otf);\r\n}\r\n","/* fonts */\r\n$body-font: \"Gotham Pro\";\r\n$base-font-size: 16px;\r\n$font-color: #252227;\r\n\r\n/* background-colors */\r\n$background-color: (\r\n first: #f5f5f5,\r\n second: #ffffff,\r\n third: #01b5e6\r\n);\r\n\r\n/* breakepoints */\r\n$xs: 640px;\r\n$sm: 768px;\r\n$md: 1024px;\r\n$lg: 1280px;\r\n$xl: 1900px;\r\n\r\n/* nav height */\r\n$nav-height: 90px;\r\n\r\n/* colors */\r\n$menu-background: #f1f4f6;\r\n\r\n$social-background: #353535;\r\n$social-color: #ffffff;\r\n\r\n$button-background: #f3379d;\r\n$button-color: #ffffff;\r\n$button-i-color: #b12873;","@import \"variables\";\r\n\r\n.menu {\r\n background-color: $menu-background;\r\n position: fixed;\r\n height: $nav-height;\r\n width: 100%;\r\n top: 0;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 0 40px;\r\n box-sizing: border-box;\r\n z-index: 5;\r\n @media screen and (max-width: $md) {\r\n flex-direction: row-reverse;\r\n justify-content: center;\r\n }\r\n\r\n &__logo {\r\n background: center / contain no-repeat url(\"./static/logo.png\");\r\n flex: 0 0 144px;\r\n height: 100%;\r\n @media screen and (max-width: $md) {\r\n margin: auto;\r\n }\r\n }\r\n\r\n &__items {\r\n @media screen and (max-width: $md) {\r\n position: relative;\r\n font-size: 2em;\r\n\r\n &:hover:before {\r\n content: \"\";\r\n position: absolute;\r\n width: 70vw;\r\n height: 90px;\r\n background-color: map-get($background-color, \"second\");\r\n top: -45px;\r\n left: -45px;\r\n z-index: 5;\r\n }\r\n }\r\n @media screen and (max-width: $sm) {\r\n font-size: 1.6em;\r\n }\r\n @media screen and (max-width: $xs) {\r\n font-size: 1.2em;\r\n }\r\n }\r\n\r\n &__items_responsive, &__items:hover {\r\n @media screen and (max-width: $md) {\r\n .menu {\r\n &__items-wraper {\r\n display: flex;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n flex-direction: column;\r\n background-color: #ffffff;\r\n box-shadow: 4px 0px 5px rgba(0, 0, 0, 0.2);\r\n height: 100vh;\r\n width: 70vw;\r\n align-items: start;\r\n justify-content: start;\r\n padding: 106px 40px;\r\n box-sizing: border-box;\r\n }\r\n\r\n &__item {\r\n margin-top: 16px;\r\n width: 100%;\r\n }\r\n\r\n &__toggle-btn {\r\n opacity: 1.0;\r\n }\r\n }\r\n }\r\n }\r\n\r\n &__items-wraper {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n margin: 0;\r\n padding: 0;\r\n list-style-type: none;\r\n overflow-y: scroll;\r\n @include scroll-bar;\r\n @media screen and (max-width: $md) {\r\n display: none;\r\n }\r\n }\r\n\r\n &__item {\r\n cursor: pointer;\r\n padding: 8px;\r\n border-radius: 4px;\r\n border: 1px solid transparent;\r\n font-size: 0.9em;\r\n\r\n &_active, &:hover {\r\n border: 1px solid black;\r\n }\r\n\r\n >a {\r\n text-decoration: none;\r\n color: black;\r\n font-weight: bold;\r\n }\r\n }\r\n\r\n &__toggle-btn {\r\n position: absolute;\r\n top: -24px;\r\n width: 48px;\r\n height: 48px;\r\n border: none;\r\n background: center / contain no-repeat url(\"./static/button.png\");\r\n opacity: 0.2;\r\n z-index: 6;\r\n display: none;\r\n background-color: map-get($background-color, \"second\");\r\n\r\n @media screen and (max-width: $md) {\r\n display: block;\r\n }\r\n }\r\n}\r\n","// mixin for centering items on md screen\r\n@mixin center-sm {\r\n @media (min-width: $sm) and (max-width: $md) {\r\n align-items: center;\r\n }\r\n}\r\n\r\n// mixin for map small components\r\n@mixin map-image {\r\n cursor: pointer;\r\n position: absolute;\r\n z-index: 1;\r\n &:hover {\r\n z-index: 4;\r\n }\r\n}\r\n\r\n// scroll-bar element as mixin\r\n@mixin scroll-bar {\r\n &::-webkit-scrollbar {\r\n width: 4px;\r\n background: transparent;\r\n }\r\n\r\n &::-webkit-scrollbar-thumb {\r\n background-color: rgba(0, 0, 0, 0.3);\r\n }\r\n}\r\n",".phone {\r\n @media screen and (max-width: $sm) {\r\n width: (314px / 1.6);\r\n } \r\n \r\n &__body {\r\n background: center / contain no-repeat url(\"./static/phone.png\");\r\n height: 654px;\r\n line-height: 654px;\r\n text-align: center;\r\n position: relative;\r\n @media screen and (max-width: $lg) {\r\n height: (654px / 1.2);\r\n line-height: (654px / 1.2);\r\n }\r\n @media screen and (max-width: $md) {\r\n height: (654px / 1.4);\r\n line-height: (654px / 1.4);\r\n } \r\n @media screen and (max-width: $sm) {\r\n height: (654px / 1.6);\r\n line-height: (654px / 1.6);\r\n } \r\n }\r\n\r\n &__img {\r\n vertical-align: middle;\r\n border: 1px solid rgba(0, 1, 1, 0.15);\r\n width: 259px;\r\n @media screen and (max-width: $lg) {\r\n width: (259px / 1.2);\r\n } \r\n @media screen and (max-width: $md) {\r\n width: (259px / 1.4);\r\n } \r\n @media screen and (max-width: $sm) {\r\n width: (259px / 1.6);\r\n } \r\n\r\n // img management\r\n &_deafult {\r\n content: url(\"./static/screen-0.png\");\r\n display: inline;\r\n }\r\n &_bank {\r\n content: url(\"./static/bank-screen.png\");\r\n display: none;\r\n }\r\n &_parking {\r\n content: url(\"./static/parking-screen.png\");\r\n display: none;\r\n }\r\n &_stop {\r\n content: url(\"./static/stop-screen.png\");\r\n display: none;\r\n }\r\n &_caffee {\r\n content: url(\"./static/caffee-screen.png\");\r\n display: none;\r\n }\r\n &_shop {\r\n content: url(\"./static/shop-screen.png\");\r\n display: none;\r\n }\r\n &_museum {\r\n content: url(\"./static/museum-screen.png\");\r\n display: none;\r\n }\r\n }\r\n\r\n &__footer {\r\n margin: 32px 0 36px 0;\r\n }\r\n}\r\n\r\n.phone_animated {\r\n @media screen and (max-width: $xs) {\r\n width: (314px / 2);\r\n\r\n .phone__body {\r\n height: (654px / 2);\r\n line-height: (654px / 2); \r\n }\r\n\r\n .phone__img {\r\n width: (259px / 2);\r\n }\r\n }\r\n\r\n @media screen and (max-width: $sm) {\r\n .phone__footer {\r\n display: none;\r\n }\r\n }\r\n}\r\n",".social {\r\n &__wraper {\r\n display: flex;\r\n justify-content: center;\r\n margin: 0;\r\n padding: 0;\r\n list-style-type: none;\r\n }\r\n\r\n &__item {\r\n height: 48px;\r\n width: 48px;\r\n border-radius: 48px;\r\n line-height: 48px;\r\n text-align: center;\r\n font-size: 1.6em;\r\n background-color: $social-background;\r\n color: $social-color;\r\n transition: background-color 0.2s ease-out;\r\n margin: 0 16px;\r\n @media screen and (max-width: $md) {\r\n margin: 0 8px;\r\n }\r\n @media screen and (max-width: $sm) {\r\n height: 32px;\r\n width: 32px;\r\n border-radius: 32px;\r\n line-height: 32px;\r\n text-align: center;\r\n font-size: 1em;\r\n }\r\n\r\n &:hover {\r\n cursor: pointer;\r\n background-color: $button-background;\r\n }\r\n }\r\n}",".description {\r\n &__title {\r\n font-size: 2em;\r\n line-height: 2em;\r\n text-transform: uppercase;\r\n }\r\n &__content {\r\n font-size: 1.35em;\r\n line-height: 1.6em;\r\n }\r\n @media screen and (max-width: $lg) {\r\n &__title {\r\n font-size: 1.3em;\r\n }\r\n &__content {\r\n font-size: 1.1em;\r\n }\r\n }\r\n @media screen and (max-width: $md) {\r\n &__title {\r\n font-size: 1em;\r\n }\r\n &__content {\r\n font-size: 0.8em;\r\n }\r\n }\r\n @media screen and (max-width: $sm) {\r\n &__title {\r\n text-align: center;\r\n }\r\n &__content, &__footer {\r\n display: none;\r\n }\r\n }\r\n\r\n &__footer {\r\n\r\n }\r\n}",".button {\r\n font-size: 1.4em;\r\n background-color: $button-background;\r\n color: $button-color;\r\n width: 70%;\r\n height: 66px;\r\n border-radius: 6px;\r\n transition: opacity 0.2s ease-out;\r\n border-left: none;\r\n border-right: none;\r\n border-top: none;\r\n\r\n >i {\r\n color: $button-i-color;\r\n padding-left: 8px; \r\n }\r\n\r\n &:hover {\r\n cursor: pointer;\r\n opacity: 0.8;\r\n }\r\n\r\n @media screen and (max-width: $lg) {\r\n font-size: 1.1em;\r\n }\r\n @media screen and (max-width: $md) {\r\n width: 100%;\r\n }\r\n}\r\n\r\n.button_centered {\r\n display: block;\r\n margin: auto;\r\n\r\n @media screen and (max-width: $sm) {\r\n display: none;\r\n }\r\n}",".beacon {\r\n content: url(\"./static/beacon.png\");\r\n margin: 96px auto;\r\n width: 100%;\r\n display: block;\r\n}","@import \"components/phone\";\r\n@import \"components/social\";\r\n@import \"components/description\";\r\n@import \"components/button\";\r\n@import \"components/beacon\";\r\n\r\n.first {\r\n display: flex;\r\n flex-direction: row-reverse;\r\n justify-content: center;\r\n align-items: flex-start;\r\n background-color: map-get($background-color, \"first\");\r\n height: 100%;\r\n @media screen and (max-width: $sm) {\r\n flex-direction: column;\r\n justify-content: flex-start;\r\n align-items: center;\r\n }\r\n @include center-sm;\r\n\r\n &__description {\r\n flex: 0 1 60%;\r\n padding: 38px 40px 36px 40px;\r\n box-sizing: border-box;\r\n\r\n @media screen and (max-width: $sm) {\r\n flex: 0;\r\n padding: 0;\r\n }\r\n }\r\n\r\n &__beacon {\r\n flex: 0 1 144px;\r\n @media screen and (max-width: $md) {\r\n display: none;\r\n }\r\n }\r\n\r\n &__phone {\r\n flex: 0 0 314px;\r\n padding: 36px 40px;\r\n @media screen and (max-width: $lg) {\r\n flex: 0 0 (314px / 1.2);\r\n } \r\n @media screen and (max-width: $md) {\r\n flex: 0 0 (314px / 1.4);\r\n } \r\n @media screen and (max-width: $sm) {\r\n flex: 0;\r\n padding: 0;\r\n } \r\n }\r\n\r\n &__btn-holder {\r\n display: none;\r\n @media screen and (max-width: $sm) {\r\n display: block;\r\n width: 60%;\r\n margin-bottom: 16px;\r\n }\r\n }\r\n}",".map {\r\n &__header {\r\n font-size: 2em;\r\n line-height: 2em;\r\n text-transform: uppercase;\r\n\r\n @media screen and (max-width: $lg) {\r\n font-size: 1.3em;\r\n }\r\n @media screen and (max-width: $md) {\r\n font-size: 1em;\r\n }\r\n @media screen and (max-width: $sm) {\r\n text-align: center;\r\n }\r\n\r\n >h1 {\r\n margin: 0;\r\n padding: 0.83em 0 0.83em 40px;\r\n @media screen and (max-width: $lg) {\r\n padding: 0.83em 0 21px 0;\r\n }\r\n @media screen and (max-width: $sm) {\r\n padding: 0.83em 0 240px 0;\r\n }\r\n }\r\n }\r\n\r\n &__content {\r\n position: relative;\r\n }\r\n\r\n &__background {\r\n content: url(\"./static/map.png\");\r\n position: relative;\r\n display: block;\r\n width: 100%;\r\n z-index: 2;\r\n pointer-events: none;\r\n }\r\n\r\n &__bank {\r\n content: url(./static/bank.png);\r\n width: 36.7%;\r\n top: 38.9%;\r\n left: 0%;\r\n @include map-image;\r\n }\r\n\r\n &__parking {\r\n content: url(./static/parking.png);\r\n width: 50.3%;\r\n top: 55.9%;\r\n left: 18.1%;\r\n @include map-image;\r\n }\r\n\r\n &__stop {\r\n content: url(./static/stop.png);\r\n width: 13.7%;\r\n top: 58.7%;\r\n left: 73.6%;\r\n @include map-image;\r\n }\r\n\r\n &__caffee {\r\n content: url(./static/caffee.png);\r\n width: 52.8%;\r\n top: 33.8%;\r\n left: 47.1%;\r\n @include map-image;\r\n }\r\n\r\n &__shop {\r\n content: url(./static/shop.png);\r\n width: 28.3%;\r\n top: 4.9%;\r\n left: 31.1%;\r\n @include map-image;\r\n }\r\n\r\n &__museum {\r\n content: url(./static/museum.png);\r\n width: 16.6%;\r\n top: 1.6%;\r\n left: 21%;\r\n @include map-image;\r\n }\r\n}\r\n","@import \"./components/map\";\r\n\r\n.how-it-works {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: center;\r\n align-items: flex-start;\r\n background-color: map-get($background-color, \"second\");\r\n height: 100%;\r\n position: relative;\r\n @media screen and (max-width: $sm) {\r\n flex-direction: column;\r\n justify-content: flex-start;\r\n align-items: center;\r\n }\r\n @include center-sm;\r\n\r\n &__map {\r\n flex: 0 1 60%;\r\n box-sizing: border-box;\r\n\r\n @media screen and (max-width: $sm) {\r\n flex: 0;\r\n }\r\n }\r\n\r\n &__phone {\r\n flex: 0 0 314px;\r\n padding: 36px 40px;\r\n @media screen and (max-width: $lg) {\r\n flex: 0 0 (314px / 1.2);\r\n } \r\n @media screen and (max-width: $md) {\r\n flex: 0 0 (314px / 1.4);\r\n } \r\n @media screen and (max-width: $sm) {\r\n position: absolute;\r\n z-index: 4;\r\n top: 7%;\r\n right: 7%;\r\n padding-bottom: 0px;\r\n padding-left: 0px;\r\n } \r\n @media screen and (max-width: $xs) {\r\n top: 5%;\r\n } \r\n }\r\n\r\n &__btn-holder {\r\n display: none;\r\n @media screen and (max-width: $sm) {\r\n display: block;\r\n width: 60%;\r\n margin: 16px 0;\r\n }\r\n }\r\n}",".carousel {\r\n &__slides {\r\n box-sizing:border-box;\r\n position: relative;\r\n margin: auto;\r\n\r\n @media screen and (max-width:$sm) {\r\n max-width: 80%;\r\n }\r\n }\r\n\r\n &__slide {\r\n display: none;\r\n\r\n >img {\r\n width: 100%;\r\n }\r\n\r\n &_active {\r\n display: block;\r\n }\r\n }\r\n\r\n &__btn-next, &__btn-prev {\r\n cursor: pointer;\r\n position: absolute;\r\n top: 50%;\r\n width: auto;\r\n margin-top: -22px;\r\n padding: 16px;\r\n color: white;\r\n font-weight: bold;\r\n font-size: 1.6em;\r\n transition: color 0.2s ease;\r\n border-radius: 0 3px 3px 0;\r\n\r\n @media screen and (max-width: $lg) {\r\n display: none;\r\n }\r\n\r\n &:hover {\r\n color: $button-background;\r\n }\r\n }\r\n\r\n &__btn-next {\r\n right: -2em;\r\n border-radius: 3px 0 0 3px;\r\n }\r\n\r\n &__btn-prev {\r\n left: -2em;\r\n }\r\n\r\n &__dots {\r\n display: none;\r\n text-align: center;\r\n\r\n @media screen and (max-width: $lg) {\r\n display: block;\r\n }\r\n }\r\n\r\n &__dot {\r\n cursor: pointer;\r\n height: 0.8em;\r\n width: 0.8em;\r\n margin: 0 2px;\r\n background-color: map-get($background-color, \"second\");\r\n border-radius: 50%;\r\n display: inline-block;\r\n transition: background-color 0.2s ease;\r\n\r\n &_active, &:hover {\r\n background-color: $button-background;\r\n }\r\n }\r\n\r\n &__footer {\r\n margin-top: 16px; \r\n text-align: center;\r\n\r\n @media screen and (max-width: $sm) {\r\n display: none;\r\n }\r\n }\r\n}\r\n","@import \"./components/carousel\";\r\n\r\n.first-projects {\r\n overflow: hidden;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: center;\r\n align-items: flex-start;\r\n background-color: map-get($background-color, \"third\");\r\n color: map-get($background-color, \"second\");\r\n height: 100%;\r\n @media screen and (max-width: $sm) {\r\n flex-direction: column;\r\n justify-content: flex-start;\r\n align-items: center;\r\n }\r\n @include center-sm;\r\n\r\n &__description {\r\n flex: 0 1 50%;\r\n padding: 38px 40px 36px 40px;\r\n box-sizing: border-box;\r\n\r\n a {\r\n color: map-get($background-color, \"second\");\r\n font-weight: bold;\r\n }\r\n\r\n @media screen and (max-width: $sm) {\r\n flex: 0;\r\n padding: 0;\r\n }\r\n }\r\n\r\n &__carousel {\r\n flex: 0 1.5 500px;\r\n padding: 38px 40px 36px 40px;\r\n\r\n @media screen and (max-width: $sm) {\r\n flex: 0;\r\n padding: 16px 0;\r\n } \r\n }\r\n\r\n &__btn-holder {\r\n display: none;\r\n @media screen and (max-width: $sm) {\r\n display: block;\r\n width: 60%;\r\n margin-bottom: 8px;\r\n }\r\n }\r\n\r\n &__title-holder {\r\n display: none;\r\n @media screen and (max-width: $sm) {\r\n display: block;\r\n width: 60%;\r\n margin-bottom: 8px;\r\n text-align: center;\r\n }\r\n }\r\n}","@import \"fonts\";\r\n\r\n@import \"./styles/variables\";\r\n@import \"./styles/mixins\";\r\n@import \"./styles/menu\";\r\n@import \"./styles/first\";\r\n@import \"./styles/how-it-works\";\r\n@import \"./styles/first-projects\";\r\n\r\n@import \"./styles/variables\";\r\n\r\nbody, html {\r\n padding: 0;\r\n margin: 0;\r\n} \r\n\r\n.body {\r\n margin-top: $nav-height;\r\n display: flex;\r\n flex-direction: column;\r\n font: $base-font-size \"Gotham Pro\";\r\n\r\n &__block {\r\n height: calc(100vh - #{$nav-height});\r\n min-height: calc(890px - #{$nav-height});\r\n\r\n @media screen and (max-width: $lg) {\r\n height: calc(100vh - #{$nav-height});\r\n min-height: calc(780px - #{$nav-height});\r\n }\r\n @media screen and (max-width: $md) {\r\n height: calc(100vh - #{$nav-height});\r\n min-height: calc(720px - #{$nav-height});\r\n }\r\n @media screen and (max-width: $sm) {\r\n height: unset;\r\n min-height: unset;\r\n }\r\n }\r\n}"],"sourceRoot":""}