mirror of
https://github.com/yawaflua/SusMarket.git
synced 2025-12-10 20:49:36 +02:00
1 line
15 KiB
Plaintext
1 line
15 KiB
Plaintext
{"version":3,"file":"static/css/84.eee7bbf7.chunk.css","mappings":"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","sources":["ProductStyle.scss"],"sourcesContent":["$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-container {\r\n width: 100%;\r\n display: flex;\r\n gap: 20px;\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__image-name {\r\n color: black;\r\n font-size: 16px;\r\n background-color: $main-color;\r\n border-radius: 50px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-weight: 500;\r\n padding: 10px 20px;\r\n }\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}"],"names":[],"sourceRoot":""} |