yawaflua/SusMarket
1
0
Fork 0
mirror of https://github.com/yawaflua/SusMarket.git synced 2025-12-09 20:19:31 +02:00
Code Issues Packages Projects Releases Wiki Activity
Files
4b02cd81da9b6873dcc045461a1e56750af0d46d
SusMarket/reactapp/build/static/css/main.6f2d1059.css.map
RailTH afeaa330b7 Api request for categories
2024-05-02 23:52:15 +11:00

1 line
47 KiB
Plaintext
Raw Blame History

{"version":3,"file":"static/css/main.6f2d1059.css","mappings":"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","sources":["index.scss","utils/reset.css","HomeStyle.scss","PaymentStyle.scss","ProductStyle.scss","ProfileStyle.scss","ScamStyle.scss","InfoPageStyle.scss"],"sourcesContent":["$background-color: #252422;\r\n$main-color: #CCC5B9;\r\n$accent-color: #EB5E28;\r\n@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap');\r\n\r\nbody {\r\n background-color: $background-color;\r\n font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n.product-article {\r\n display: flex;\r\n width: 260px;\r\n height: 400px;\r\n flex-direction: column;\r\n justify-content: flex-start;\r\n align-items: flex-start;\r\n padding: 20px;\r\n border-radius: 40px;\r\n background: transparent;\r\n\r\n .product-article__img {\r\n align-self: stretch;\r\n border-radius: 20px;\r\n height: 269px;\r\n }\r\n\r\n .product-article__price-h5 {\r\n color: $accent-color;\r\n font-size: 32px;\r\n font-weight: 600;\r\n line-height: 39px;\r\n height: 50px;\r\n display: inline-block;\r\n\r\n span {\r\n max-width: 186px;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n display: inline-block;\r\n }\r\n \r\n }\r\n\r\n .product-article__name-h6 {\r\n color: rgb(255, 255, 255);\r\n max-width: 100%;\r\n font-size: 16px;\r\n font-weight: 400;\r\n line-height: 20px;\r\n letter-spacing: 0px;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n}\r\n\r\n.banner-div {\r\n width: 100%;\r\n min-height: 120px;\r\n background-image: url(\"../src/assets/img/add.webp\");\r\n background-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n border-radius: 15px;\r\n}\r\n\r\n.main {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n height: calc(100vh - 80px);\r\n}\r\n\r\n.header {\r\n width: 100%;\r\n display: flex !important;\r\n flex-direction: column;\r\n\r\n .header__main-nav {\r\n width: 100%;\r\n height: 130px;\r\n display: flex !important;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 0px 40px 0px 40px;\r\n background-color: $background-color;\r\n \r\n .header__title-h1 {\r\n font-size: 24px;\r\n font-weight: 600;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n \r\n .title-h1__a {\r\n color: white;\r\n \r\n .header__logo-img {\r\n width: 30px;\r\n }\r\n }\r\n }\r\n \r\n .catalog-button {\r\n width: 150px;\r\n height: 50px;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 0px 5px 0px 5px;\r\n border-radius: 10px;\r\n background-color: $main-color;\r\n color: black;\r\n font-size: 24px;\r\n font-weight: 600;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n }\r\n \r\n .search-form {\r\n width: 60%;\r\n \r\n .search-form__field {\r\n width: 100%;\r\n height: 50px;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 0px 20px 0px 20px;\r\n box-sizing: border-box;\r\n border: 2px solid $main-color;\r\n border-radius: 10px;\r\n \r\n .search-form__input {\r\n width: 100%;\r\n color: white;\r\n font-family: Montserrat;\r\n font-size: 16px;\r\n font-weight: 600;\r\n line-height: 20px;\r\n letter-spacing: 0px;\r\n }\r\n \r\n .search-form__input::-webkit-input-placeholder {\r\n color: $main-color\r\n }\r\n }\r\n }\r\n }\r\n\r\n .catalog-menu {\r\n position: fixed;\r\n z-index: 999;\r\n width: 340px;\r\n height: 495px;\r\n left: 218px;\r\n top: 108px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n box-sizing: border-box;\r\n border-radius: 20px;\r\n background-color: $background-color;\r\n padding: 30px;\r\n\r\n .catalog-menu__point-li {\r\n height: 48px;\r\n width: 100%;\r\n display: flex;\r\n gap: 20px;\r\n align-items: center;\r\n color: white;\r\n font-size: 24px;\r\n font-weight: 600;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n padding: 30px 14px;\r\n border-radius: 10px;\r\n box-sizing: border-box;\r\n transition: 0.2s;\r\n\r\n .catalog-menu__category-icon {\r\n min-width: 48px;\r\n }\r\n }\r\n\r\n .catalog-menu__point-li:hover {\r\n cursor: pointer;\r\n background-color: #3d3c38;\r\n }\r\n }\r\n}\r\n\r\n.popup-map {\r\n width: 70vw;\r\n height: 70vh;\r\n background-color: $background-color;\r\n display: flex;\r\n flex-direction: row;\r\n border-radius: 20px;\r\n position: absolute;\r\n z-index: 2;\r\n top:50%;\r\n left:50%;\r\n transform:translate(-50%, -50%);\r\n\r\n .popup-map__menu-div {\r\n height: 100%;\r\n width: 60%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n\r\n .menu-div__container-div {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n .menu-div__delivery-div {\r\n width: 100%;\r\n height: 60px;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: center;\r\n \r\n .delivery-div__delivery-button {\r\n width: 47%;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: center;\r\n align-items: center;\r\n color: white;\r\n font-family: Montserrat;\r\n font-size: 24px;\r\n font-weight: 600;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n border-radius: 8px;\r\n box-shadow: -4px -4px 10px 0px rgba(0, 0, 0, 0.25),4px 4px 10px 0px rgba(0, 0, 0, 0.25);\r\n }\r\n \r\n .delivery-div__delivery-button_selected {\r\n border: 2px solid $main-color;\r\n box-shadow: none;\r\n }\r\n }\r\n\r\n .menu-div__search-input {\r\n height: 50px;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n padding: 0px 10px 0px 10px;\r\n box-sizing: border-box;\r\n border: 2px solid $main-color;\r\n border-radius: 8px;\r\n font-size: 20px;\r\n font-weight: 600;\r\n line-height: 24px;\r\n letter-spacing: 0px;\r\n color: white;\r\n }\r\n }\r\n\r\n .menu-div__select-button {\r\n color: white;\r\n width: 100%;\r\n height: 60px;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: 8px;\r\n background: $accent-color;\r\n font-size: 24px;\r\n font-weight: 600;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n transition: 0.2s;\r\n }\r\n\r\n .menu-div__select-button:hover {\r\n background: #ec6a36;\r\n }\r\n }\r\n\r\n .popup-map__map-div {\r\n width: 100%;\r\n height: 100%;\r\n .popup-map__map-iframe {\r\n border-top-right-radius: 20px;\r\n border-bottom-right-radius: 20px;\r\n }\r\n }\r\n}\r\n\r\n.background-blackout {\r\n background: rgba(0, 0, 0, 0.25);\r\n position: absolute;\r\n width: 100vw;\r\n height: 100vh;\r\n top:50%;\r\n left:50%;\r\n transform:translate(-50%, -50%);\r\n}\r\n\r\n.review-article {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n gap: 20px;\r\n\r\n .review-article__review-container {\r\n display: flex;\r\n gap: 30px;\r\n\r\n .review-container__user-info {\r\n display: flex;\r\n align-items: center;\r\n gap: 30px;\r\n \r\n .user-info__user-avatar {\r\n width: 100px;\r\n height: 100px;\r\n border-radius: 50px;\r\n }\r\n\r\n .user-info__user-name {\r\n color: white;\r\n font-size: 24px;\r\n font-weight: 600;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n text-align: left;\r\n }\r\n }\r\n\r\n .review-container__review-info {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n width: 100%;\r\n\r\n .review-info__star-rate {\r\n position: relative;\r\n width: 150px;\r\n height: 30px;\r\n background-image: url(assets/icons/rating__star-icon.svg);\r\n background-size: 30px auto;\r\n background-repeat: repeat-x;\r\n\r\n .star-rate__star-radio {\r\n appearance: none;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n height: 30px;\r\n }\r\n\r\n .star-rate__star-radio:checked, .rating-div__star-radio:hover {\r\n background-image: url(assets/icons/rating__filled-star-icon.svg);\r\n background-size: 30px auto;\r\n background-repeat: repeat-x;\r\n }\r\n\r\n .star-rate__star-radio:hover ~ .rating-div__star-radio {\r\n background-image: url(assets/icons/rating__star-icon.svg);\r\n background-size: 30px auto;\r\n background-repeat: repeat-x;\r\n }\r\n\r\n .star-rate__star-radio:nth-of-type(1) {\r\n z-index: 5;\r\n width: 30px;\r\n }\r\n .star-rate__star-radio:nth-of-type(2) {\r\n z-index: 4;\r\n width: 60px;\r\n }\r\n .star-rate__star-radio:nth-of-type(3) {\r\n z-index: 3;\r\n width: 90px;\r\n }\r\n .star-rate__star-radio:nth-of-type(4) {\r\n z-index: 2;\r\n width: 120px;\r\n }\r\n .star-rate__star-radio:nth-of-type(5) {\r\n z-index: 1;\r\n width: 150px;\r\n }\r\n }\r\n\r\n .review-info__review-date {\r\n color: $main-color;\r\n font-size: 24px;\r\n font-weight: 500;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n text-align: left;\r\n }\r\n }\r\n }\r\n\r\n .review-article__text-p {\r\n color: white;\r\n font-size: 24px;\r\n font-weight: 400;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n text-align: left;\r\n }\r\n\r\n .review-article__product-image {\r\n max-width: 300px;\r\n border-radius: 10px;\r\n }\r\n}\r\n\r\n.popup-login {\r\n width: 450px;\r\n display: flex;\r\n position: fixed;\r\n z-index: 999;\r\n left: 50%;\r\n top: 108px;\r\n transform:translateX(-50%);\r\n flex-direction: column;\r\n gap: 40px;\r\n padding: 30px;\r\n box-sizing: border-box;\r\n border-radius: 20px;\r\n box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);\r\n background: $background-color;\r\n\r\n .popup-login__top-container {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n .popup-login__close-button {\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: 50px;\r\n background: rgb(53, 52, 49);\r\n }\r\n\r\n .top-container__headings-text {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n\r\n .popup-menu__heading {\r\n color: white;\r\n font-size: 24px;\r\n font-weight: 600;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n text-align: left;\r\n \r\n span {\r\n color: $accent-color;\r\n }\r\n }\r\n\r\n .top-container__text {\r\n color: $main-color;\r\n font-size: 16px;\r\n font-weight: 600;\r\n line-height: 20px;\r\n letter-spacing: 0px;\r\n text-align: left;\r\n }\r\n }\r\n }\r\n\r\n .popup-login__inputs-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n width: 100%;\r\n \r\n .popup-login__name-input, .popup-login__password-input {\r\n display: flex;\r\n width: 100%;\r\n height: 70px;\r\n align-items: center;\r\n padding: 0px 20px;\r\n box-sizing: border-box;\r\n border: 2px solid $main-color;\r\n border-radius: 15px;\r\n color: white;\r\n font-size: 24px;\r\n font-weight: 600;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n text-align: left;\r\n }\r\n }\r\n\r\n .popup-login__bottom-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n\r\n .popup-login__prompt-url {\r\n color: $main-color;\r\n font-size: 16px;\r\n font-weight: 600;\r\n line-height: 20px;\r\n letter-spacing: 0px;\r\n text-align: left;\r\n\r\n u {\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n .popup-login__login-button {\r\n width: 100%;\r\n height: 70px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: 15px;\r\n background: rgb(235, 94, 40);\r\n color: white;\r\n font-size: 24px;\r\n font-weight: 600;\r\n line-height: 29px;\r\n letter-spacing: 0%;\r\n text-align: left;\r\n }\r\n }\r\n}","* {\r\n\tpadding: 0px;\r\n\tmargin: 0px;\r\n\tborder: none;\r\n}\r\n\r\n* {\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n/* Links */\r\n\r\na, a:link, a:visited {\r\n text-decoration: none;\r\n}\r\n\r\na:hover {\r\n text-decoration: none;\r\n}\r\n\r\n/* Common */\r\n\r\naside, nav, footer, header, section, main {\r\n\tdisplay: block;\r\n}\r\n\r\nh1, h2, h3, h4, h5, h6, p {\r\n font-size: inherit;\r\n\tfont-weight: inherit;\r\n}\r\n\r\nul, ul li {\r\n\tlist-style: none;\r\n}\r\n\r\nimg {\r\n\tvertical-align: top;\r\n}\r\n\r\naddress {\r\n font-style: normal;\r\n}\r\n\r\n/* Form */\r\n\r\ninput, textarea, button, select {\r\n\tfont-family: inherit;\r\n font-size: inherit;\r\n color: inherit;\r\n background-color: transparent;\r\n}\r\n\r\ninput::-ms-clear {\r\n\tdisplay: none;\r\n}\r\n\r\nbutton, input[type=\"submit\"] {\r\n display: inline-block;\r\n box-shadow: none;\r\n background-color: transparent;\r\n background: none;\r\n cursor: pointer;\r\n}\r\n\r\ninput:focus, input:active,\r\nbutton:focus, button:active {\r\n outline: none;\r\n}\r\n\r\ninput[type=\"search\"]::-webkit-search-decoration,\r\ninput[type=\"search\"]::-webkit-search-cancel-button,\r\ninput[type=\"search\"]::-webkit-search-results-button,\r\ninput[type=\"search\"]::-webkit-search-results-decoration {\r\n display: none;\r\n}\r\n\r\nbutton::-moz-focus-inner {\r\n\tpadding: 0;\r\n\tborder: 0;\r\n}\r\n\r\nlabel {\r\n\tcursor: pointer;\r\n}\r\n\r\nlegend {\r\n\tdisplay: block;\r\n}","$background-color: #252422;\r\n$main-color: #CCC5B9;\r\n$accent-color: #EB5E28;\r\n\r\n.home-page {\r\n width: 96%;\r\n min-height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n\r\n .products-div {\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, 260px);\r\n justify-content: space-between;\r\n flex-flow: wrap;\r\n padding-top: 36px;\r\n }\r\n}","$background-color: #252422;\r\n$main-color: #CCC5B9;\r\n$accent-color: #EB5E28;\r\n\r\n.payment-page {\r\n width: 96%;\r\n min-height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n align-items: center;\r\n\r\n .payment-page__price {\r\n color: $accent-color;\r\n font-size: 96px;\r\n font-weight: 600;\r\n line-height: 80px;\r\n letter-spacing: 0%;\r\n text-align: left;\r\n }\r\n\r\n .payment-page__payment-card {\r\n width: 500px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n box-sizing: border-box;\r\n padding: 20px;\r\n border-radius: 20px;\r\n box-shadow: -4px -4px 10px 0px rgba(0, 0, 0, 0.25),4px 4px 10px 0px rgba(0, 0, 0, 0.25);\r\n background: $background-color;\r\n\r\n .payment-card__heading {\r\n color: white;\r\n font-size: 24px;\r\n font-weight: 600;\r\n line-height: 29px;\r\n letter-spacing: 0%;\r\n text-align: left;\r\n }\r\n\r\n .payment-card__input {\r\n width: 100%;\r\n height: 60px;\r\n display: flex;\r\n align-items: center;\r\n padding: 5px 20px 5px 20px;\r\n box-sizing: border-box;\r\n border: 2px solid $main-color;\r\n border-radius: 12px;\r\n color: white;\r\n font-size: 24px;\r\n font-weight: 600;\r\n line-height: 29px;\r\n letter-spacing: 0%;\r\n text-align: left;\r\n }\r\n \r\n .payment-card__inputs-group {\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 20px;\r\n }\r\n }\r\n\r\n .payment-page__pay-link {\r\n width: 500px;\r\n height: 50px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background-color: $accent-color;\r\n border-radius: 15px;\r\n color: white;\r\n font-size: 20px;\r\n font-weight: 500;\r\n line-height: 29px;\r\n letter-spacing: 0%;\r\n }\r\n}","$background-color: #252422;\r\n$main-color: #CCC5B9;\r\n$accent-color: #EB5E28;\r\n\r\n.product-page {\r\n width: 96%;\r\n min-height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 40px;\r\n \r\n .product-page__main-section {\r\n gap: 30px;\r\n min-height: 500px;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .product-page__img {\r\n max-height: 500px;\r\n border-radius: 15px;\r\n }\r\n\r\n .product-page__info-div {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n width: 100%;\r\n\r\n .product-page__text-span {\r\n display: flex;\r\n flex-direction: column;\r\n \r\n .product-page__heading-h2 {\r\n color: white;\r\n font-size: 32px;\r\n font-weight: 600;\r\n line-height: 39px;\r\n letter-spacing: 0px;\r\n }\r\n \r\n .product-page__short-desc-div {\r\n color: $main-color;\r\n font-size: 24px;\r\n font-weight: 400;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n width: 100%;\r\n }\r\n }\r\n\r\n .product-page__container-div {\r\n width: 100%;\r\n height: 140px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n\r\n .product-page__share-button {\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n box-sizing: border-box;\r\n border: 2px solid $main-color;\r\n border-radius: 12px;\r\n }\r\n\r\n .product-page__price-buy-div {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n height: 80px;\r\n \r\n .product-page__price-span {\r\n color: $accent-color;\r\n font-size: 40px;\r\n font-weight: 600;\r\n line-height: 49px;\r\n letter-spacing: 0px;\r\n }\r\n\r\n .product-page__buy-link {\r\n width: 400px;\r\n height: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n border-radius: 15px;\r\n background: $accent-color;\r\n color: white;\r\n font-size: 32px;\r\n font-weight: 600;\r\n line-height: 39px;\r\n letter-spacing: 0px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .product-page__info-section {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 40px;\r\n\r\n .product-page__desc {\r\n color: $main-color;\r\n font-size: 20px;\r\n font-weight: 400;\r\n line-height: 24px;\r\n letter-spacing: 0px;\r\n text-align: left;\r\n }\r\n\r\n .product-page__tags-ul {\r\n display: flex;\r\n gap: 20px;\r\n\r\n .product-page__tag-li {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 10px 20px 10px 20px;\r\n border-radius: 50px;\r\n background-color: $main-color;\r\n color: black;\r\n font-size: 24px;\r\n font-weight: 600;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n text-align: left;\r\n }\r\n }\r\n }\r\n\r\n .product-page__reviews-section {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n .reviews-section__rate-block {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n margin-top: 48px;\r\n width: 310px;\r\n \r\n .rate-block__rating {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n \r\n .rate-block__rate-number {\r\n color: white;\r\n font-size: 36px;\r\n font-weight: 600;\r\n line-height: 44px;\r\n letter-spacing: 0px;\r\n text-align: left;\r\n }\r\n \r\n .rate-block__star-rating {\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n color: #ccc;\r\n position: relative;\r\n unicode-bidi: bidi-override;\r\n direction: rtl;\r\n font-size: 36px;\r\n \r\n .star-rating__back-stars {\r\n display: flex;\r\n flex-direction: row-reverse;\r\n position: relative;\r\n z-index: 0;\r\n \r\n span {\r\n height: 100%px;\r\n }\r\n \r\n .star-rating__front-stars {\r\n display: flex;\r\n position: absolute;\r\n flex-direction: row-reverse;\r\n top: 0;\r\n overflow: hidden;\r\n z-index: 1;\r\n color: #FFB800;\r\n\r\n span {\r\n height: 100%px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .rate-block__progressbars-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n width: 100%;\r\n color: white;\r\n font-size: 20px;\r\n font-weight: 400;\r\n line-height: 24px;\r\n letter-spacing: 0px;\r\n text-align: left;\r\n\r\n .progressbars-group__progressbar-container {\r\n display: flex;\r\n gap: 10px;\r\n align-items: center;\r\n \r\n .rate-progressbar__rate-number {\r\n width: 16px;\r\n }\r\n \r\n .progressbar-container__progressbar {\r\n height: 12px;\r\n width: 100%;\r\n border-radius: 15px;\r\n background: $main-color;\r\n position: relative;\r\n \r\n .progressbar__active-line {\r\n width: 50%;\r\n border-radius: 15px;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n height: 100%;\r\n background-color: #FFB800;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .product-page__review-form {\r\n display: flex;\r\n flex-direction: column;\r\n margin-top: 48px;\r\n gap: 20px;\r\n\r\n .review-form__heading {\r\n color: white;\r\n font-size: 26px;\r\n font-weight: 500;\r\n letter-spacing: 0px;\r\n text-align: left;\r\n }\r\n\r\n .review-form__stars-container {\r\n position: relative;\r\n width: 150px;\r\n height: 30px;\r\n background-image: url(assets/icons/rating__star-icon.svg);\r\n background-size: 30px auto;\r\n background-repeat: repeat-x;\r\n\r\n .review-form__star-radio {\r\n appearance: none;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n height: 30px;\r\n }\r\n\r\n .review-form__star-radio:checked, .review-form__star-radio:hover {\r\n background-image: url(assets/icons/rating__filled-star-icon.svg);\r\n background-size: 30px auto;\r\n background-repeat: repeat-x;\r\n }\r\n\r\n .review-form__star-radio:hover ~ .review-form__star-radio {\r\n background-image: url(assets/icons/rating__star-icon.svg);\r\n background-size: 30px auto;\r\n background-repeat: repeat-x;\r\n }\r\n\r\n .review-form__star-radio:nth-of-type(1) {\r\n z-index: 5;\r\n width: 30px;\r\n }\r\n .review-form__star-radio:nth-of-type(2) {\r\n z-index: 4;\r\n width: 60px;\r\n }\r\n .review-form__star-radio:nth-of-type(3) {\r\n z-index: 3;\r\n width: 90px;\r\n }\r\n .review-form__star-radio:nth-of-type(4) {\r\n z-index: 2;\r\n width: 120px;\r\n }\r\n .review-form__star-radio:nth-of-type(5) {\r\n z-index: 1;\r\n width: 150px;\r\n }\r\n }\r\n\r\n .review-form__textarea {\r\n width: 100%;\r\n border: 2px solid $main-color;\r\n border-radius: 15px;\r\n color: white;\r\n padding: 10px;\r\n font-size: 24px;\r\n }\r\n\r\n .review-form__image-attach {\r\n width: 34px;\r\n\r\n img {\r\n width: 100%;\r\n }\r\n }\r\n\r\n .review-form__image-input {\r\n display: none;\r\n }\r\n\r\n .review-form__send-button {\r\n padding: 20px;\r\n border-radius: 15px;\r\n background-color: $accent-color;\r\n font-size: 20px;\r\n color: white;\r\n font-weight: 500;\r\n letter-spacing: 0px;\r\n }\r\n }\r\n\r\n .product-page__reviews-container {\r\n display: flex;\r\n flex-direction: column;\r\n margin-top: 50px;\r\n margin-bottom: 30px;\r\n gap: 50px;\r\n }\r\n }\r\n\r\n .product-page__block-heading {\r\n color: white;\r\n font-size: 32px;\r\n font-weight: 500;\r\n line-height: 39px;\r\n letter-spacing: 0px;\r\n text-align: left;\r\n }\r\n}","$background-color: #252422;\r\n$main-color: #CCC5B9;\r\n$accent-color: #EB5E28;\r\n\r\n.profile-page {\r\n width: 96%;\r\n min-height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 20px;\r\n\r\n .profile-page__nav {\r\n width: 100%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .profile-link {\r\n color: white;\r\n font-size: 32px;\r\n font-weight: 600;\r\n line-height: 39px;\r\n letter-spacing: 0px;\r\n }\r\n\r\n .active {\r\n color: $accent-color;\r\n }\r\n }\r\n\r\n .profile-page__info-div {\r\n display: flex;\r\n max-width: 150px;\r\n flex-direction: column;\r\n\r\n span {\r\n color: white;\r\n font-size: 24px;\r\n font-weight: 600;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n }\r\n }\r\n\r\n .orders-section {\r\n width: 100%;\r\n min-height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n \r\n .orders-container {\r\n width: 100%;\r\n display: flex;\r\n gap: 80px;\r\n\r\n .orders-div {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: flex-start;\r\n align-items: flex-start;\r\n gap: 40px;\r\n \r\n .order-article {\r\n width: 352px;\r\n height: 120px;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 0px 14px 0px 14px;\r\n border-radius: 15px;\r\n box-shadow: -4px -4px 10px 0px rgba(0, 0, 0, 0.25),4px 4px 10px 0px rgba(0, 0, 0, 0.25);\r\n background: $background-color;\r\n\r\n .order-article__img {\r\n min-width: 90px;\r\n background-position: center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n height: 90px;\r\n border-radius: 8px;\r\n background-image: url(../src/assets/img/product-image-1.webp);\r\n }\r\n\r\n .order-article__info-div {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n\r\n .order-article__status-span {\r\n color: white;\r\n font-size: 24px;\r\n font-weight: 600;\r\n line-height: 29px;\r\n letter-spacing: 0px;\r\n }\r\n\r\n .order-article__info-span {\r\n color: #808080;\r\n font-size: 16px;\r\n font-weight: 500;\r\n line-height: 20px;\r\n letter-spacing: 0px;\r\n }\r\n\r\n .order-article__date-span {\r\n color: white;\r\n font-size: 16px;\r\n font-weight: 500;\r\n line-height: 20px;\r\n letter-spacing: 0px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .purchases-section {\r\n width: 100%;\r\n min-height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n\r\n .purchases-container {\r\n width: 100%;\r\n display: flex;\r\n gap: 80px;\r\n\r\n .purchases-div {\r\n display: flex;\r\n }\r\n }\r\n }\r\n}",".scam-page {\r\n width: 96%;\r\n display: flex;\r\n\r\n .scam-page__image {\r\n width: 100%;\r\n }\r\n}","$background-color: #252422;\r\n$main-color: #CCC5B9;\r\n$accent-color: #EB5E28;\r\n\r\n.info-page {\r\n width: 96%;\r\n min-height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-around;\r\n\r\n .info-page__dev-card {\r\n width: 300px;\r\n height: 400px;\r\n perspective: 1000px;\r\n border-radius: 15px;\r\n z-index: 1;\r\n \r\n .dev-card__inner {\r\n position: relative;\r\n z-index: 1;\r\n border-radius: 15px;\r\n width: 100%;\r\n height: 100%;\r\n text-align: center;\r\n transition: transform 0.6s;\r\n transform-style: preserve-3d;\r\n box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);\r\n \r\n .dev-card__front, .dev-card__back {\r\n position: absolute;\r\n z-index: 1;\r\n border-radius: 15px;\r\n width: 100%;\r\n height: 100%;\r\n backface-visibility: hidden;\r\n }\r\n \r\n .dev-card__front {\r\n .dev-card__avatar {\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 15px;\r\n }\r\n }\r\n \r\n .dev-card__back {\r\n background-color: $background-color;\r\n color: white;\r\n box-sizing: border-box;\r\n padding: 20px;\r\n transform: rotateY(180deg);\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n\r\n .dev-card__name {\r\n font-size: 24px;\r\n }\r\n\r\n .dev-card__info {\r\n color: $main-color;\r\n }\r\n\r\n .dev-card__url {\r\n font-size: 18px;\r\n color: white;\r\n text-decoration: underline;\r\n }\r\n }\r\n }\r\n }\r\n \r\n .info-page__dev-card:hover .dev-card__inner {\r\n transform: rotateY(180deg);\r\n }\r\n}"],"names":[],"sourceRoot":""}
Reference in New Issue View Git Blame Copy Permalink