spree_frontend 4.0.8 → 4.1.0.rc1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/LICENSE +1 -1
- data/app/assets/images/arrow-right.svg +1 -0
- data/app/assets/images/arrow.svg +1 -0
- data/app/assets/images/bag.svg +1 -0
- data/app/assets/images/burger.svg +1 -0
- data/app/assets/images/check-mark-circle.png +0 -0
- data/app/assets/images/check-mark-circle.svg +1 -0
- data/app/assets/images/check-mark.svg +1 -0
- data/app/assets/images/circle-radio.svg +1 -0
- data/app/assets/images/circle.svg +1 -0
- data/app/assets/images/close.svg +1 -0
- data/app/assets/images/credit_cards/icons/american_express.svg +1 -0
- data/app/assets/images/credit_cards/icons/diners_club.svg +1 -0
- data/app/assets/images/credit_cards/icons/discover.svg +1 -0
- data/app/assets/images/credit_cards/icons/generic.svg +1 -0
- data/app/assets/images/credit_cards/icons/jcb.svg +1 -0
- data/app/assets/images/credit_cards/icons/maestro.svg +1 -0
- data/app/assets/images/credit_cards/icons/master.svg +1 -0
- data/app/assets/images/credit_cards/icons/visa.svg +1 -0
- data/app/assets/images/edit.svg +1 -0
- data/app/assets/images/empty-cart.svg +1 -0
- data/app/assets/images/error.svg +1 -0
- data/app/assets/images/facebook.svg +1 -0
- data/app/assets/images/full_circle-radio.svg +1 -0
- data/app/assets/images/full_circle.svg +1 -0
- data/app/assets/images/garbage.svg +1 -0
- data/app/assets/images/garbage_2.svg +1 -0
- data/app/assets/images/homepage/big_category_banner.jpg +0 -0
- data/app/assets/images/homepage/big_category_banner_mobile.jpg +0 -0
- data/app/assets/images/homepage/big_category_banner_tablet_landscape.jpg +0 -0
- data/app/assets/images/homepage/big_category_banner_tablet_portrait.jpg +0 -0
- data/app/assets/images/homepage/category_banner_lower.jpg +0 -0
- data/app/assets/images/homepage/category_banner_lower_mobile.jpg +0 -0
- data/app/assets/images/homepage/category_banner_lower_tablet_landscape.jpg +0 -0
- data/app/assets/images/homepage/category_banner_lower_tablet_portrait.jpg +0 -0
- data/app/assets/images/homepage/category_banner_upper.jpg +0 -0
- data/app/assets/images/homepage/category_banner_upper_mobile.jpg +0 -0
- data/app/assets/images/homepage/category_banner_upper_tablet_landscape.jpg +0 -0
- data/app/assets/images/homepage/category_banner_upper_tablet_portrait.jpg +0 -0
- data/app/assets/images/homepage/main_banner.jpg +0 -0
- data/app/assets/images/homepage/main_banner_mobile.jpg +0 -0
- data/app/assets/images/homepage/main_banner_tablet_landscape.jpg +0 -0
- data/app/assets/images/homepage/main_banner_tablet_portrait.jpg +0 -0
- data/app/assets/images/homepage/products.jpg +0 -0
- data/app/assets/images/homepage/promo_banner_left.jpg +0 -0
- data/app/assets/images/homepage/promo_banner_left_mobile.jpg +0 -0
- data/app/assets/images/homepage/promo_banner_left_tablet_landscape.jpg +0 -0
- data/app/assets/images/homepage/promo_banner_left_tablet_portrait.jpg +0 -0
- data/app/assets/images/homepage/promo_banner_right.jpg +0 -0
- data/app/assets/images/homepage/promo_banner_right_mobile.jpg +0 -0
- data/app/assets/images/homepage/promo_banner_right_tablet_landscape.jpg +0 -0
- data/app/assets/images/homepage/promo_banner_right_tablet_portrait.jpg +0 -0
- data/app/assets/images/instagram.svg +1 -0
- data/app/assets/images/logo-spree.png +0 -0
- data/app/assets/images/logo.png +0 -0
- data/app/assets/images/logo.svg +1 -0
- data/app/assets/images/logo@2x.png +0 -0
- data/app/assets/images/logo@3x.png +0 -0
- data/app/assets/images/magnifying-glass.svg +1 -0
- data/app/assets/images/meganav/promo_banner_left-first-category.jpg +0 -0
- data/app/assets/images/meganav/promo_banner_left-second-category.jpg +0 -0
- data/app/assets/images/meganav/promo_banner_left-third-category.jpg +0 -0
- data/app/assets/images/meganav/promo_banner_right-first-category.jpg +0 -0
- data/app/assets/images/meganav/promo_banner_right-second-category.jpg +0 -0
- data/app/assets/images/meganav/promo_banner_right-third-category.jpg +0 -0
- data/app/assets/images/minus.svg +1 -0
- data/app/assets/images/noimage/big_category_banner.jpg +0 -0
- data/app/assets/images/noimage/big_category_banner_mobile.jpg +0 -0
- data/app/assets/images/noimage/big_category_banner_tablet_landscape.jpg +0 -0
- data/app/assets/images/noimage/big_category_banner_tablet_portrait.jpg +0 -0
- data/app/assets/images/noimage/category_banner.jpg +0 -0
- data/app/assets/images/noimage/category_banner_mobile.jpg +0 -0
- data/app/assets/images/noimage/category_banner_plp.jpg +0 -0
- data/app/assets/images/noimage/category_banner_tablet_landscape.jpg +0 -0
- data/app/assets/images/noimage/category_banner_tablet_portrait.jpg +0 -0
- data/app/assets/images/noimage/main_banner.jpg +0 -0
- data/app/assets/images/noimage/main_banner_mobile.jpg +0 -0
- data/app/assets/images/noimage/main_banner_tablet_landscape.jpg +0 -0
- data/app/assets/images/noimage/main_banner_tablet_portrait.jpg +0 -0
- data/app/assets/images/noimage/plp.png +0 -0
- data/app/assets/images/noimage/product_photo.jpg +0 -0
- data/app/assets/images/noimage/promo_banner.jpg +0 -0
- data/app/assets/images/noimage/promo_banner_megamenu.jpg +0 -0
- data/app/assets/images/noimage/promo_banner_mobile.jpg +0 -0
- data/app/assets/images/noimage/promo_banner_tablet_landscape.jpg +0 -0
- data/app/assets/images/noimage/promo_banner_tablet_portrait.jpg +0 -0
- data/app/assets/images/pagination-arrow-right.svg +12 -0
- data/app/assets/images/pagination-double-arrow-right.svg +15 -0
- data/app/assets/images/person.svg +1 -0
- data/app/assets/images/picture-zoom.svg +31 -0
- data/app/assets/images/plus.svg +1 -0
- data/app/assets/images/radio-button.svg +1 -0
- data/app/assets/images/search-no-results.svg +1 -0
- data/app/assets/images/search.svg +1 -0
- data/app/assets/images/spark-logo@3x.png +0 -0
- data/app/assets/images/twitter.svg +1 -0
- data/app/assets/images/vimeo.svg +1 -0
- data/app/assets/javascripts/spree/frontend/account.js +12 -0
- data/app/assets/javascripts/spree/frontend/api_tokens.js +4 -1
- data/app/assets/javascripts/spree/frontend/carousel-noconflict.js +3 -0
- data/app/assets/javascripts/spree/frontend/cart.js +61 -3
- data/app/assets/javascripts/spree/frontend/checkout/payment.js +24 -6
- data/app/assets/javascripts/spree/frontend/checkout/shipment.js +1 -1
- data/app/assets/javascripts/spree/frontend/checkout.js +42 -0
- data/app/assets/javascripts/spree/frontend/components-bootstrap/.gitkeep +0 -0
- data/app/assets/javascripts/spree/frontend/components-custom/.gitkeep +0 -0
- data/app/assets/javascripts/spree/frontend/coupon_manager.js +49 -1
- data/app/assets/javascripts/spree/frontend/viewport.js +7 -0
- data/app/assets/javascripts/spree/frontend/views/spree/home/product_carousels.js +31 -0
- data/app/assets/javascripts/spree/frontend/views/spree/layouts/spree_application.js +35 -0
- data/app/assets/javascripts/spree/frontend/views/spree/product/related.js +30 -0
- data/app/assets/javascripts/spree/frontend/views/spree/products/cart_form.js +280 -0
- data/app/assets/javascripts/spree/frontend/views/spree/products/description.js +8 -0
- data/app/assets/javascripts/spree/frontend/views/spree/products/index.js +37 -0
- data/app/assets/javascripts/spree/frontend/views/spree/products/modal_carousel.js +35 -0
- data/app/assets/javascripts/spree/frontend/views/spree/shared/carousel/single.js +139 -0
- data/app/assets/javascripts/spree/frontend/views/spree/shared/carousel/swipes.js +53 -0
- data/app/assets/javascripts/spree/frontend/views/spree/shared/carousel/thumbnails.js +137 -0
- data/app/assets/javascripts/spree/frontend/views/spree/shared/carousel.js +129 -0
- data/app/assets/javascripts/spree/frontend/views/spree/shared/delete_address_popup.js +27 -0
- data/app/assets/javascripts/spree/frontend/views/spree/shared/mobile_navigation.js +123 -0
- data/app/assets/javascripts/spree/frontend/views/spree/shared/nav_bar.js +16 -0
- data/app/assets/javascripts/spree/frontend/views/spree/shared/product_added_modal.js +28 -0
- data/app/assets/javascripts/spree/frontend/views/spree/shared/quantity_select.js +58 -0
- data/app/assets/javascripts/spree/frontend.js +9 -7
- data/app/assets/javascripts/spree/lazysizes.config.js +8 -0
- data/app/assets/stylesheets/spree/frontend/application.scss +54 -0
- data/app/assets/stylesheets/spree/frontend/bootstrap-patches.scss +11 -0
- data/app/assets/stylesheets/spree/frontend/components-bootstrap/.gitkeep +0 -0
- data/app/assets/stylesheets/spree/frontend/components-bootstrap/alert.scss +3 -0
- data/app/assets/stylesheets/spree/frontend/components-bootstrap/button.scss +8 -0
- data/app/assets/stylesheets/spree/frontend/components-bootstrap/carousel.scss +85 -0
- data/app/assets/stylesheets/spree/frontend/components-bootstrap/modal.scss +3 -0
- data/app/assets/stylesheets/spree/frontend/components-custom/.gitkeep +0 -0
- data/app/assets/stylesheets/spree/frontend/components-custom/headers.scss +28 -0
- data/app/assets/stylesheets/spree/frontend/components-custom/inputs.scss +265 -0
- data/app/assets/stylesheets/spree/frontend/fonts.scss +137 -0
- data/app/assets/stylesheets/spree/frontend/functions.scss +104 -0
- data/app/assets/stylesheets/spree/frontend/helpers/spree/frontend_helper.scss +23 -0
- data/app/assets/stylesheets/spree/frontend/margins.scss +53 -0
- data/app/assets/stylesheets/spree/frontend/mixins.scss +20 -0
- data/app/assets/stylesheets/spree/frontend/variables/.gitkeep +0 -0
- data/app/assets/stylesheets/spree/frontend/variables/bootstrap-overrides.scss +40 -0
- data/app/assets/stylesheets/spree/frontend/variables/helper-variables.scss +10 -0
- data/app/assets/stylesheets/spree/frontend/variables/variables.scss +20 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/.gitkeep +0 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/checkout/confirm.scss +255 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/checkout/edit.scss +505 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/checkout/payment.scss +98 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/checkout/registration.scss +26 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/errors/not_found.scss +3 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/home/index.scss +293 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/icon.scss +13 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/layouts/spree_application.scss +44 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/orders/edit.scss +467 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/orders/show.scss +273 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/products/cart_form.scss +250 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/products/index.scss +317 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/products/show.scss +165 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/shared/_color_select.scss +27 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/shared/_images.scss +9 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/shared/carousel/single.scss +142 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/shared/carousel/thumbnails.scss +97 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/shared/cart.scss +57 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/shared/category_nav_bar.scss +86 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/shared/delete_address_popup.scss +141 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/shared/footer.scss +56 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/shared/header.scss +82 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/shared/login.scss +30 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/shared/main_nav_bar.scss +103 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/shared/mobile_navigation.scss +87 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/shared/nav_bar.scss +78 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/shared/no_product_available.scss +135 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/shared/order_details.scss +37 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/shared/product.scss +45 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/shared/product_added_modal.scss +61 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/shared/quantity_select.scss +55 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/shared/registration.scss +7 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/taxons/show.scss +47 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/user_passwords/user_passwords.scss +12 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/user_sessions/new.scss +3 -0
- data/app/assets/stylesheets/spree/frontend/views/spree/users/show.scss +325 -0
- data/app/assets/stylesheets/spree/frontend.css +1 -1
- data/app/controllers/concerns/spree/checkout/address_book.rb +7 -9
- data/app/controllers/spree/addresses_controller.rb +5 -6
- data/app/controllers/spree/checkout_controller.rb +3 -1
- data/app/controllers/spree/home_controller.rb +1 -5
- data/app/controllers/spree/orders_controller.rb +3 -1
- data/app/controllers/spree/products_controller.rb +45 -15
- data/app/controllers/spree/store_controller.rb +14 -2
- data/app/controllers/spree/taxons_controller.rb +20 -5
- data/app/helpers/spree/addresses_helper.rb +11 -12
- data/app/helpers/spree/frontend_helper.rb +168 -14
- data/app/helpers/spree/navigation_helper.rb +34 -0
- data/app/helpers/spree/structured_data_helper.rb +3 -3
- data/app/helpers/spree/taxons_helper.rb +4 -0
- data/app/models/spree/frontend_configuration.rb +1 -0
- data/app/views/kaminari/twitter-bootstrap-4/_first_page.html.erb +1 -1
- data/app/views/kaminari/twitter-bootstrap-4/_gap.html.erb +1 -1
- data/app/views/kaminari/twitter-bootstrap-4/_last_page.html.erb +1 -1
- data/app/views/kaminari/twitter-bootstrap-4/_next_page.html.erb +1 -1
- data/app/views/kaminari/twitter-bootstrap-4/_prev_page.html.erb +1 -1
- data/app/views/spree/address/_form.html.erb +24 -27
- data/app/views/spree/addresses/_form.html.erb +13 -8
- data/app/views/spree/addresses/edit.html.erb +11 -21
- data/app/views/spree/addresses/new.html.erb +11 -21
- data/app/views/spree/checkout/_address.html.erb +61 -54
- data/app/views/spree/checkout/_confirm.html.erb +112 -16
- data/app/views/spree/checkout/_credit_card.html.erb +9 -0
- data/app/views/spree/checkout/_delivery.html.erb +10 -86
- data/app/views/spree/checkout/_payment.html.erb +39 -64
- data/app/views/spree/checkout/_summary.html.erb +46 -73
- data/app/views/spree/checkout/edit.html.erb +22 -25
- data/app/views/spree/checkout/payment/_gateway.html.erb +14 -34
- data/app/views/spree/checkout/payment/_storecredit.html.erb +8 -8
- data/app/views/spree/checkout/registration.html.erb +30 -0
- data/app/views/spree/errors/not_found.html.erb +7 -0
- data/app/views/spree/home/index.html.erb +124 -10
- data/app/views/spree/layouts/checkout.html.erb +26 -0
- data/app/views/spree/layouts/spree_application.html.erb +10 -15
- data/app/views/spree/orders/_coupon_code.html.erb +24 -0
- data/app/views/spree/orders/_form.html.erb +25 -39
- data/app/views/spree/orders/_line_item.html.erb +19 -25
- data/app/views/spree/orders/_line_item_data.html.erb +31 -0
- data/app/views/spree/orders/edit.html.erb +50 -40
- data/app/views/spree/orders/show.html.erb +83 -17
- data/app/views/spree/products/_cart_form.html.erb +69 -73
- data/app/views/spree/products/_cart_form_availability_templates.html.erb +10 -0
- data/app/views/spree/products/_color_option_type.html.erb +36 -0
- data/app/views/spree/products/_description.html.erb +17 -0
- data/app/views/spree/products/_filter_and_sort_mobile_buttons.html.erb +16 -0
- data/app/views/spree/products/_filters_desktop.html.erb +58 -0
- data/app/views/spree/products/_filters_mobile.html.erb +62 -0
- data/app/views/spree/products/_gallery.html.erb +31 -0
- data/app/views/spree/products/_gallery_modal.html.erb +33 -0
- data/app/views/spree/products/_no_results.html.erb +14 -0
- data/app/views/spree/products/_no_results_with_filters.html.erb +13 -0
- data/app/views/spree/products/_option_type.html.erb +32 -0
- data/app/views/spree/products/_product.html.erb +5 -5
- data/app/views/spree/products/_promotions.html.erb +19 -12
- data/app/views/spree/products/_properties.html.erb +9 -20
- data/app/views/spree/products/_sort_desktop.html.erb +30 -0
- data/app/views/spree/products/_sort_mobile.html.erb +43 -0
- data/app/views/spree/products/_taxons.html.erb +1 -0
- data/app/views/spree/products/index.html.erb +40 -24
- data/app/views/spree/products/related.html.erb +8 -0
- data/app/views/spree/products/show.html.erb +39 -37
- data/app/views/spree/shared/_address.html.erb +0 -12
- data/app/views/spree/shared/_breadcrumbs.html.erb +23 -0
- data/app/views/spree/shared/_carousel_4_products.html.erb +99 -0
- data/app/views/spree/shared/_cart.html.erb +11 -0
- data/app/views/spree/shared/_checkout_header.html.erb +19 -0
- data/app/views/spree/shared/_color_select.html.erb +9 -0
- data/app/views/spree/shared/_copyright.html.erb +18 -0
- data/app/views/spree/shared/_delete_address_popup.html.erb +26 -0
- data/app/views/spree/shared/_error_messages.html.erb +2 -4
- data/app/views/spree/shared/_flashes.html.erb +9 -0
- data/app/views/spree/shared/_footer.html.erb +73 -0
- data/app/views/spree/shared/_head.html.erb +4 -9
- data/app/views/spree/shared/_header.html.erb +26 -13
- data/app/views/spree/shared/_link_to_account.html.erb +7 -0
- data/app/views/spree/shared/_link_to_cart.html.erb +2 -1
- data/app/views/spree/shared/_login.html.erb +34 -17
- data/app/views/spree/shared/_main_nav_bar.html.erb +41 -15
- data/app/views/spree/shared/_mobile_navigation.html.erb +68 -0
- data/app/views/spree/shared/_nav_bar.html.erb +52 -6
- data/app/views/spree/shared/_no_product_available.html.erb +23 -0
- data/app/views/spree/shared/_option_values.html.erb +24 -0
- data/app/views/spree/shared/_order_details.html.erb +5 -4
- data/app/views/spree/shared/_payment.html.erb +0 -3
- data/app/views/spree/shared/_payment_sources.html.erb +8 -0
- data/app/views/spree/shared/_product.html.erb +12 -0
- data/app/views/spree/shared/_product_added_modal.html.erb +66 -0
- data/app/views/spree/shared/_products.html.erb +22 -18
- data/app/views/spree/shared/_quantity_select.html.erb +6 -0
- data/app/views/spree/shared/_registration.html.erb +4 -0
- data/app/views/spree/shared/_search.html.erb +17 -20
- data/app/views/spree/shared/_translations.html.erb +9 -5
- data/app/views/spree/shared/_user_form.html.erb +12 -0
- data/app/views/spree/shared/carousel/_single.html.erb +83 -0
- data/app/views/spree/shared/carousel/_thumbnails.html.erb +68 -0
- data/app/views/spree/taxons/_header.html.erb +19 -0
- data/app/views/spree/taxons/_subcategories.html.erb +26 -0
- data/app/views/spree/taxons/product_carousel.html.erb +5 -0
- data/app/views/spree/taxons/show.html.erb +8 -20
- data/app/views/spree/users/_address.html.erb +25 -0
- data/app/views/spree/users/edit.html.erb +11 -0
- data/app/views/spree/users/show.html.erb +79 -0
- data/config/initializers/assets.rb +13 -1
- data/config/routes.rb +3 -0
- data/lib/generators/spree/frontend/copy_storefront/copy_storefront_generator.rb +24 -0
- data/lib/spree/frontend.rb +2 -0
- data/spree_frontend.gemspec +7 -11
- data/vendor/assets/javascripts/lazysizes.min.js +2 -0
- metadata +265 -25
- data/README.md +0 -50
- data/app/assets/javascripts/spree/frontend/product.js +0 -143
- data/app/assets/stylesheets/spree/frontend/_variables.scss +0 -4
- data/app/assets/stylesheets/spree/frontend/frontend_bootstrap.css.scss +0 -94
- data/app/views/spree/shared/_filters.html.erb +0 -48
- data/app/views/spree/shared/_login_bar.html.erb +0 -12
- data/app/views/spree/taxons/_taxon.html.erb +0 -4
- data/lib/generators/spree/frontend/copy_views/copy_views_generator.rb +0 -15
@@ -0,0 +1,137 @@
|
|
1
|
+
// https://fonts.google.com/specimen/Montserrat?selection.family=Montserrat:400,500,700
|
2
|
+
|
3
|
+
/* cyrillic-ext */
|
4
|
+
@font-face {
|
5
|
+
font-family: 'Montserrat';
|
6
|
+
font-style: normal;
|
7
|
+
font-weight: 400;
|
8
|
+
font-display: swap;
|
9
|
+
src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format('woff2');
|
10
|
+
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
11
|
+
}
|
12
|
+
/* cyrillic */
|
13
|
+
@font-face {
|
14
|
+
font-family: 'Montserrat';
|
15
|
+
font-style: normal;
|
16
|
+
font-weight: 400;
|
17
|
+
font-display: swap;
|
18
|
+
src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format('woff2');
|
19
|
+
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
20
|
+
}
|
21
|
+
/* vietnamese */
|
22
|
+
@font-face {
|
23
|
+
font-family: 'Montserrat';
|
24
|
+
font-style: normal;
|
25
|
+
font-weight: 400;
|
26
|
+
font-display: swap;
|
27
|
+
src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format('woff2');
|
28
|
+
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
|
29
|
+
}
|
30
|
+
/* latin-ext */
|
31
|
+
@font-face {
|
32
|
+
font-family: 'Montserrat';
|
33
|
+
font-style: normal;
|
34
|
+
font-weight: 400;
|
35
|
+
font-display: swap;
|
36
|
+
src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format('woff2');
|
37
|
+
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
38
|
+
}
|
39
|
+
/* latin */
|
40
|
+
@font-face {
|
41
|
+
font-family: 'Montserrat';
|
42
|
+
font-style: normal;
|
43
|
+
font-weight: 400;
|
44
|
+
font-display: swap;
|
45
|
+
src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format('woff2');
|
46
|
+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
47
|
+
}
|
48
|
+
/* cyrillic-ext */
|
49
|
+
@font-face {
|
50
|
+
font-family: 'Montserrat';
|
51
|
+
font-style: normal;
|
52
|
+
font-weight: 500;
|
53
|
+
font-display: swap;
|
54
|
+
src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3gTD_vx3rCubqg.woff2) format('woff2');
|
55
|
+
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
56
|
+
}
|
57
|
+
/* cyrillic */
|
58
|
+
@font-face {
|
59
|
+
font-family: 'Montserrat';
|
60
|
+
font-style: normal;
|
61
|
+
font-weight: 500;
|
62
|
+
font-display: swap;
|
63
|
+
src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3g3D_vx3rCubqg.woff2) format('woff2');
|
64
|
+
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
65
|
+
}
|
66
|
+
/* vietnamese */
|
67
|
+
@font-face {
|
68
|
+
font-family: 'Montserrat';
|
69
|
+
font-style: normal;
|
70
|
+
font-weight: 500;
|
71
|
+
font-display: swap;
|
72
|
+
src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3gbD_vx3rCubqg.woff2) format('woff2');
|
73
|
+
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
|
74
|
+
}
|
75
|
+
/* latin-ext */
|
76
|
+
@font-face {
|
77
|
+
font-family: 'Montserrat';
|
78
|
+
font-style: normal;
|
79
|
+
font-weight: 500;
|
80
|
+
font-display: swap;
|
81
|
+
src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3gfD_vx3rCubqg.woff2) format('woff2');
|
82
|
+
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
83
|
+
}
|
84
|
+
/* latin */
|
85
|
+
@font-face {
|
86
|
+
font-family: 'Montserrat';
|
87
|
+
font-style: normal;
|
88
|
+
font-weight: 500;
|
89
|
+
font-display: swap;
|
90
|
+
src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3gnD_vx3rCs.woff2) format('woff2');
|
91
|
+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
92
|
+
}
|
93
|
+
/* cyrillic-ext */
|
94
|
+
@font-face {
|
95
|
+
font-family: 'Montserrat';
|
96
|
+
font-style: normal;
|
97
|
+
font-weight: 700;
|
98
|
+
font-display: swap;
|
99
|
+
src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gTD_vx3rCubqg.woff2) format('woff2');
|
100
|
+
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
101
|
+
}
|
102
|
+
/* cyrillic */
|
103
|
+
@font-face {
|
104
|
+
font-family: 'Montserrat';
|
105
|
+
font-style: normal;
|
106
|
+
font-weight: 700;
|
107
|
+
font-display: swap;
|
108
|
+
src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3g3D_vx3rCubqg.woff2) format('woff2');
|
109
|
+
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
110
|
+
}
|
111
|
+
/* vietnamese */
|
112
|
+
@font-face {
|
113
|
+
font-family: 'Montserrat';
|
114
|
+
font-style: normal;
|
115
|
+
font-weight: 700;
|
116
|
+
font-display: swap;
|
117
|
+
src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gbD_vx3rCubqg.woff2) format('woff2');
|
118
|
+
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
|
119
|
+
}
|
120
|
+
/* latin-ext */
|
121
|
+
@font-face {
|
122
|
+
font-family: 'Montserrat';
|
123
|
+
font-style: normal;
|
124
|
+
font-weight: 700;
|
125
|
+
font-display: swap;
|
126
|
+
src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gfD_vx3rCubqg.woff2) format('woff2');
|
127
|
+
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
128
|
+
}
|
129
|
+
/* latin */
|
130
|
+
@font-face {
|
131
|
+
font-family: 'Montserrat';
|
132
|
+
font-style: normal;
|
133
|
+
font-weight: 700;
|
134
|
+
font-display: swap;
|
135
|
+
src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gnD_vx3rCs.woff2) format('woff2');
|
136
|
+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
137
|
+
}
|
@@ -0,0 +1,104 @@
|
|
1
|
+
$font-size-base-px: 16px; //assuming 16px is 1rem ($font-size-base: 1rem in Bootstrap 4)
|
2
|
+
|
3
|
+
@function font-px-to-rem($target-font-size-px: $font-size-base-px) {
|
4
|
+
@return $font-size-base * ( $target-font-size-px / $font-size-base-px );
|
5
|
+
}
|
6
|
+
|
7
|
+
@function calc-spacer($size: 1) {
|
8
|
+
@return map-get($spacers, $size);
|
9
|
+
}
|
10
|
+
|
11
|
+
@function basic-transition($prop: all) {
|
12
|
+
@return $prop .35s ease;
|
13
|
+
}
|
14
|
+
|
15
|
+
@function sqrt($r) {
|
16
|
+
// Source: https://www.antimath.info/css/sass-sqrt-function/
|
17
|
+
$x0: 1; // initial value
|
18
|
+
$solution: false;
|
19
|
+
|
20
|
+
@for $i from 1 through 10 {
|
21
|
+
@if abs(2 * $x0) < 0.00000000000001 { // Don't want to divide by a number smaller than this
|
22
|
+
$solution: false;
|
23
|
+
}
|
24
|
+
|
25
|
+
$x1: $x0 - ($x0 * $x0 - abs($r)) / (2 * $x0) !global;
|
26
|
+
|
27
|
+
@if ( abs($x1 - $x0) / abs($x1)) < 0.0000001 { // 7 digit accuracy is desired
|
28
|
+
$solution: true;
|
29
|
+
}
|
30
|
+
|
31
|
+
$x0: $x1;
|
32
|
+
}
|
33
|
+
|
34
|
+
@if $solution == true {
|
35
|
+
// If $r is negative, then the output will be multiplied with <a href="http://en.wikipedia.org/wiki/Imaginary_number">i = √-1</a>
|
36
|
+
// (√xy = √x√y) => √-$r = √-1√$r
|
37
|
+
@if $r < 0 {
|
38
|
+
@return $x1 #{i};
|
39
|
+
}
|
40
|
+
@else {
|
41
|
+
@return $x1;
|
42
|
+
}
|
43
|
+
}
|
44
|
+
@else {
|
45
|
+
@return "No solution";
|
46
|
+
}
|
47
|
+
}
|
48
|
+
|
49
|
+
@function thubnails-carousel-content-min-height($per-page, $single-gap, $single-height: $thumbnails-carousel-single-height){
|
50
|
+
@return $per-page * $single-height + ($per-page - 1) * $single-gap;
|
51
|
+
}
|
52
|
+
|
53
|
+
// Replace letters
|
54
|
+
@function str-replace($string, $search, $replace: '') {
|
55
|
+
$index: str-index($string, $search);
|
56
|
+
|
57
|
+
@if $index {
|
58
|
+
@return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
|
59
|
+
}
|
60
|
+
|
61
|
+
@return $string;
|
62
|
+
}
|
63
|
+
|
64
|
+
// Encode symbols
|
65
|
+
@function url-encode($string) {
|
66
|
+
$map: (
|
67
|
+
"%": "%25",
|
68
|
+
"<": "%3C",
|
69
|
+
">": "%3E",
|
70
|
+
" ": "%20",
|
71
|
+
"!": "%21",
|
72
|
+
"*": "%2A",
|
73
|
+
"'": "%27",
|
74
|
+
'"': "%22",
|
75
|
+
"(": "%28",
|
76
|
+
")": "%29",
|
77
|
+
";": "%3B",
|
78
|
+
":": "%3A",
|
79
|
+
"@": "%40",
|
80
|
+
"&": "%26",
|
81
|
+
"=": "%3D",
|
82
|
+
"+": "%2B",
|
83
|
+
"$": "%24",
|
84
|
+
",": "%2C",
|
85
|
+
"/": "%2F",
|
86
|
+
"?": "%3F",
|
87
|
+
"#": "%23",
|
88
|
+
"[": "%5B",
|
89
|
+
"]": "%5D"
|
90
|
+
);
|
91
|
+
|
92
|
+
$new: $string;
|
93
|
+
|
94
|
+
@each $search, $replace in $map {
|
95
|
+
$new: str-replace($new, $search, $replace);
|
96
|
+
}
|
97
|
+
|
98
|
+
@return $new;
|
99
|
+
}
|
100
|
+
|
101
|
+
// Format the SVG as a URL
|
102
|
+
@function inline-svg($string) {
|
103
|
+
@return url('data:image/svg+xml,#{url-encode($string)}');
|
104
|
+
}
|
@@ -0,0 +1,23 @@
|
|
1
|
+
#breadcrumbs {
|
2
|
+
padding: 0;
|
3
|
+
}
|
4
|
+
.breadcrumb {
|
5
|
+
background: none;
|
6
|
+
padding: 0.5rem 0;
|
7
|
+
margin: 0;
|
8
|
+
li {
|
9
|
+
color: $font-color;
|
10
|
+
font-size: font-px-to-rem(11px);
|
11
|
+
@include media-breakpoint-up(sm) {
|
12
|
+
font-size: font-px-to-rem(16px);
|
13
|
+
}
|
14
|
+
@include media-breakpoint-up(lg) {
|
15
|
+
font-size: font-px-to-rem(12px);
|
16
|
+
}
|
17
|
+
span {
|
18
|
+
a {
|
19
|
+
color: inherit;
|
20
|
+
}
|
21
|
+
}
|
22
|
+
}
|
23
|
+
}
|
@@ -0,0 +1,53 @@
|
|
1
|
+
.spree-mt-large {
|
2
|
+
margin-top: font-px-to-rem(33px) !important;
|
3
|
+
|
4
|
+
@include media-breakpoint-up(sm) {
|
5
|
+
margin-top: font-px-to-rem(77.2px) !important;
|
6
|
+
}
|
7
|
+
|
8
|
+
@include media-breakpoint-up(lg) {
|
9
|
+
margin-top: font-px-to-rem(89px) !important;
|
10
|
+
}
|
11
|
+
}
|
12
|
+
|
13
|
+
.spree-mb-large {
|
14
|
+
margin-bottom: font-px-to-rem(33px) !important;
|
15
|
+
|
16
|
+
@include media-breakpoint-up(sm) {
|
17
|
+
margin-bottom: font-px-to-rem(77.2px) !important;
|
18
|
+
}
|
19
|
+
|
20
|
+
@include media-breakpoint-up(lg) {
|
21
|
+
margin-bottom: font-px-to-rem(89px) !important;
|
22
|
+
}
|
23
|
+
}
|
24
|
+
|
25
|
+
.spree-mt-medium {
|
26
|
+
margin-top: font-px-to-rem(36px) !important;
|
27
|
+
|
28
|
+
@include media-breakpoint-up(sm) {
|
29
|
+
margin-top: font-px-to-rem(59.7px) !important;
|
30
|
+
&.spree-flat-label {
|
31
|
+
margin-top: font-px-to-rem(27px) !important;
|
32
|
+
}
|
33
|
+
}
|
34
|
+
|
35
|
+
@include media-breakpoint-up(lg) {
|
36
|
+
margin-top: font-px-to-rem(53px) !important;
|
37
|
+
}
|
38
|
+
}
|
39
|
+
|
40
|
+
.spree-mb-medium {
|
41
|
+
margin-bottom: font-px-to-rem(36px) !important;
|
42
|
+
|
43
|
+
@include media-breakpoint-up(sm) {
|
44
|
+
margin-bottom: font-px-to-rem(59.7px) !important;
|
45
|
+
&.spree-flat-label {
|
46
|
+
margin-bottom: font-px-to-rem(27px) !important;
|
47
|
+
}
|
48
|
+
}
|
49
|
+
|
50
|
+
@include media-breakpoint-up(lg) {
|
51
|
+
margin-bottom: font-px-to-rem(53px) !important;
|
52
|
+
}
|
53
|
+
}
|
@@ -0,0 +1,20 @@
|
|
1
|
+
@mixin colored-circle-radio($color) {
|
2
|
+
background-image: inline-svg('<svg height="36.43" viewBox="0 0 36.43 36.43" width="36.43" xmlns="http://www.w3.org/2000/svg"><g fill="transparent" opacity=".99" stroke="#{$color}" stroke-width="2"><circle cx="18.215" cy="18.215" r="18.215" stroke="none"/><circle cx="18.215" cy="18.215" fill="none" r="17.215"/></g></svg>')
|
3
|
+
}
|
4
|
+
|
5
|
+
@mixin colored-full-circle-radio($color) {
|
6
|
+
background-image: inline-svg('<svg height="23.583" viewBox="0 0 23.583 23.583" width="23.583" xmlns="http://www.w3.org/2000/svg"><g fill="transparent"><path d="m11.792 23.084a11.218 11.218 0 0 1 -7.985-3.308 11.218 11.218 0 0 1 -3.307-7.984c0-3.016 1.175-5.852 3.307-7.985a11.218 11.218 0 0 1 7.985-3.307c3.016 0 5.852 1.175 7.984 3.307a11.218 11.218 0 0 1 3.308 7.985c0 3.016-1.175 5.852-3.308 7.984a11.218 11.218 0 0 1 -7.984 3.308z"/><path d="m11.792 1a10.721 10.721 0 0 0 -7.632 3.16 10.721 10.721 0 0 0 -3.16 7.633c0 2.882 1.123 5.592 3.16 7.63a10.721 10.721 0 0 0 7.632 3.162c2.882 0 5.592-1.123 7.63-3.161a10.721 10.721 0 0 0 3.162-7.631c0-2.883-1.123-5.593-3.161-7.631a10.721 10.721 0 0 0 -7.631-3.162m0-1c6.512 0 11.792 5.28 11.792 11.792s-5.28 11.792-11.792 11.792c-6.513 0-11.792-5.28-11.792-11.792 0-6.513 5.28-11.792 11.792-11.792z" fill="#{$color}"/></g><circle cx="11.792" cy="11.792" fill="#{$color}" r="6.398"/></svg>')
|
7
|
+
}
|
8
|
+
|
9
|
+
@mixin colored-full-circle($background, $color) {
|
10
|
+
background-image: inline-svg('<svg height="23.583" viewBox="0 0 23.583 23.583" width="23.583" xmlns="http://www.w3.org/2000/svg"><g fill="#{$background}"><path d="m11.792 23.084a11.218 11.218 0 0 1 -7.985-3.308 11.218 11.218 0 0 1 -3.307-7.984c0-3.016 1.175-5.852 3.307-7.985a11.218 11.218 0 0 1 7.985-3.307c3.016 0 5.852 1.175 7.984 3.307a11.218 11.218 0 0 1 3.308 7.985c0 3.016-1.175 5.852-3.308 7.984a11.218 11.218 0 0 1 -7.984 3.308z"/><path d="m11.792 1a10.721 10.721 0 0 0 -7.632 3.16 10.721 10.721 0 0 0 -3.16 7.633c0 2.882 1.123 5.592 3.16 7.63a10.721 10.721 0 0 0 7.632 3.162c2.882 0 5.592-1.123 7.63-3.161a10.721 10.721 0 0 0 3.162-7.631c0-2.883-1.123-5.593-3.161-7.631a10.721 10.721 0 0 0 -7.631-3.162m0-1c6.512 0 11.792 5.28 11.792 11.792s-5.28 11.792-11.792 11.792c-6.513 0-11.792-5.28-11.792-11.792 0-6.513 5.28-11.792 11.792-11.792z" fill="#{$color}"/></g><circle cx="11.792" cy="11.792" fill="#{$color}" r="6.398"/></svg>');
|
11
|
+
background-size: contain;
|
12
|
+
}
|
13
|
+
|
14
|
+
@mixin zoom-modal-thumbnails-width($padding) {
|
15
|
+
width: calc((((100vh - 2 * #{$padding} - 2rem) / (1 / #{$photo-width-to-height-ratio-zoom})) - 32px) / 4);
|
16
|
+
}
|
17
|
+
|
18
|
+
@mixin zoom-modal-single-width($padding) {
|
19
|
+
width: calc((100vh - 2 * #{$padding} - 2rem) / (1 / #{$photo-width-to-height-ratio-zoom}));
|
20
|
+
}
|
File without changes
|
@@ -0,0 +1,40 @@
|
|
1
|
+
$grid-gutter-width: 19px;
|
2
|
+
$body-color: $font-color;
|
3
|
+
$theme-colors: (
|
4
|
+
// standard bootstrap colors
|
5
|
+
"primary": $primary-color,
|
6
|
+
"secondary": $secondary-color,
|
7
|
+
"danger": #f53737,
|
8
|
+
"info": #999999,
|
9
|
+
"warning": #ffc107,
|
10
|
+
"light-secondary": #999999,
|
11
|
+
"borders": $second-global-border,
|
12
|
+
"dark-borders": $global-border-style,
|
13
|
+
"light-background": $primary-background,
|
14
|
+
"dark-text": $font-color,
|
15
|
+
"overlay": rgba(76, 76, 76, 0.5),
|
16
|
+
"shadow": rgba(0, 0, 0, 0.16)
|
17
|
+
);
|
18
|
+
$enable-rounded: false;
|
19
|
+
$enable-shadows: false;
|
20
|
+
$enable-gradients: false;
|
21
|
+
$font-family-sans-serif: $font-family;
|
22
|
+
$font-weight-medium: 500;
|
23
|
+
.font-weight-medium {
|
24
|
+
font-weight: $font-weight-medium;
|
25
|
+
}
|
26
|
+
$btn-border-width: 2px;
|
27
|
+
$modal-dialog-margin: 0;
|
28
|
+
$grid-breakpoints: (
|
29
|
+
xs: 0,
|
30
|
+
sm: 576px,
|
31
|
+
md: 768px,
|
32
|
+
lg: 992px,
|
33
|
+
xl: 1200px
|
34
|
+
);
|
35
|
+
$container-max-widths: (
|
36
|
+
sm: 768px,
|
37
|
+
md: 992px,
|
38
|
+
lg: 1200px,
|
39
|
+
xl: 1200px
|
40
|
+
);
|
@@ -0,0 +1,10 @@
|
|
1
|
+
$container-padding: 17px;
|
2
|
+
$photo-width-to-height-ratio: 30001/ 37500;
|
3
|
+
$photo-width-to-height-ratio-zoom: 28015 / 37500;
|
4
|
+
$thumbnails-carousel-single-height: 100% / $photo-width-to-height-ratio;
|
5
|
+
$thumbnails-carousel-single-height-zoom: 100% /
|
6
|
+
$photo-width-to-height-ratio-zoom;
|
7
|
+
$zoom-height-breakpoint: calc(
|
8
|
+
650px / #{$photo-width-to-height-ratio-zoom} + 102px * 2
|
9
|
+
);
|
10
|
+
$spree-plp-filter-desktop-position: $spree-header-desktop-height + 77px;
|
@@ -0,0 +1,20 @@
|
|
1
|
+
$primary-color: #0074c2;
|
2
|
+
$secondary-color: #4c4c4c;
|
3
|
+
$primary-background: #ffffff;
|
4
|
+
$secondary-background: #f2f2f2;
|
5
|
+
$input-background: #ffffff;
|
6
|
+
$font-color: black;
|
7
|
+
$font-family: "Montserrat", sans-serif;
|
8
|
+
$header-font-color: $font-color;
|
9
|
+
$header-background: $primary-background;
|
10
|
+
$meganav-font-color: $font-color;
|
11
|
+
$meganav-background: $primary-background;
|
12
|
+
$footer-font-color: $font-color;
|
13
|
+
$footer-background: $primary-background;
|
14
|
+
$secondary-font-color: $font-color;
|
15
|
+
$global-border-style: #e2e2e2;
|
16
|
+
$second-global-border: #e2e2e2;
|
17
|
+
$spree-header-max-width: 1440px;
|
18
|
+
$spree-header-mobile-height: 50px;
|
19
|
+
$spree-header-tablet-height: 75px;
|
20
|
+
$spree-header-desktop-height: 75px;
|
File without changes
|
@@ -0,0 +1,255 @@
|
|
1
|
+
.checkout-confirm {
|
2
|
+
display: flex;
|
3
|
+
flex-direction: column;
|
4
|
+
|
5
|
+
&-order-details {
|
6
|
+
padding-bottom: 40px;
|
7
|
+
font-weight: 500;
|
8
|
+
|
9
|
+
dd {
|
10
|
+
font-size: font-px-to-rem(14px);
|
11
|
+
@include media-breakpoint-up(sm) {
|
12
|
+
padding-bottom: 0px;
|
13
|
+
margin-bottom: 60px;
|
14
|
+
font-size: font-px-to-rem(27px);
|
15
|
+
}
|
16
|
+
@include media-breakpoint-up(lg) {
|
17
|
+
font-size: font-px-to-rem(18px);
|
18
|
+
}
|
19
|
+
}
|
20
|
+
|
21
|
+
dt {
|
22
|
+
font-weight: 500;
|
23
|
+
@include media-breakpoint-up(sm) {
|
24
|
+
padding: 0;
|
25
|
+
margin-bottom: 32px;
|
26
|
+
font-size: font-px-to-rem(30px);
|
27
|
+
}
|
28
|
+
@include media-breakpoint-up(lg) {
|
29
|
+
font-size: font-px-to-rem(22px);
|
30
|
+
}
|
31
|
+
}
|
32
|
+
|
33
|
+
&-line-items {
|
34
|
+
@include media-breakpoint-up(lg) {
|
35
|
+
border: none;
|
36
|
+
flex: 1 1 0;
|
37
|
+
}
|
38
|
+
|
39
|
+
&-header {
|
40
|
+
font-size: font-px-to-rem(27px);
|
41
|
+
}
|
42
|
+
|
43
|
+
&-line-item {
|
44
|
+
$self: &;
|
45
|
+
|
46
|
+
a {
|
47
|
+
max-width: 50%;
|
48
|
+
margin-right: 20px;
|
49
|
+
|
50
|
+
@include media-breakpoint-up(lg) {
|
51
|
+
margin-right: 40px;
|
52
|
+
}
|
53
|
+
}
|
54
|
+
|
55
|
+
img {
|
56
|
+
width: 90px;
|
57
|
+
height: auto;
|
58
|
+
|
59
|
+
@include media-breakpoint-up(sm) {
|
60
|
+
width: 206px;
|
61
|
+
}
|
62
|
+
|
63
|
+
@include media-breakpoint-up(lg) {
|
64
|
+
width: 255px;
|
65
|
+
}
|
66
|
+
}
|
67
|
+
|
68
|
+
&-name {
|
69
|
+
font-size: font-px-to-rem(14px);
|
70
|
+
border-top: 1px solid $global-border-style;
|
71
|
+
|
72
|
+
@include media-breakpoint-up(sm) {
|
73
|
+
font-size: font-px-to-rem(27px);
|
74
|
+
}
|
75
|
+
|
76
|
+
@include media-breakpoint-up(lg) {
|
77
|
+
font-size: font-px-to-rem(22px);
|
78
|
+
width: 55%;
|
79
|
+
}
|
80
|
+
|
81
|
+
&-options {
|
82
|
+
font-size: font-px-to-rem(12px);
|
83
|
+
@include media-breakpoint-down(lg) {
|
84
|
+
li {
|
85
|
+
display: inline;
|
86
|
+
&:not(:last-child):after {
|
87
|
+
content: ', ';
|
88
|
+
}
|
89
|
+
}
|
90
|
+
}
|
91
|
+
@include media-breakpoint-up(sm) {
|
92
|
+
font-size: font-px-to-rem(22px);
|
93
|
+
}
|
94
|
+
@include media-breakpoint-up(lg) {
|
95
|
+
font-size: font-px-to-rem(18px);
|
96
|
+
}
|
97
|
+
}
|
98
|
+
}
|
99
|
+
|
100
|
+
&-subtitle {
|
101
|
+
font-size: font-px-to-rem(12px);
|
102
|
+
@include media-breakpoint-down(lg) {
|
103
|
+
ul {
|
104
|
+
li {
|
105
|
+
display: inline;
|
106
|
+
&:not(:last-child):after {
|
107
|
+
content: ', ';
|
108
|
+
}
|
109
|
+
}
|
110
|
+
}
|
111
|
+
}
|
112
|
+
@include media-breakpoint-up(sm) {
|
113
|
+
font-size: font-px-to-rem(22px);
|
114
|
+
}
|
115
|
+
@include media-breakpoint-up(lg) {
|
116
|
+
font-size: font-px-to-rem(18px);
|
117
|
+
}
|
118
|
+
}
|
119
|
+
|
120
|
+
&-price {
|
121
|
+
font-size: font-px-to-rem(14px);
|
122
|
+
border-top: 1px solid $global-border-style;
|
123
|
+
|
124
|
+
@include media-breakpoint-up(sm) {
|
125
|
+
font-size: font-px-to-rem(27px);
|
126
|
+
margin-bottom: auto;
|
127
|
+
}
|
128
|
+
@include media-breakpoint-up(lg) {
|
129
|
+
font-size: font-px-to-rem(22px);
|
130
|
+
}
|
131
|
+
div:last-child {
|
132
|
+
@include media-breakpoint-up(lg) {
|
133
|
+
font-size: font-px-to-rem(22px);
|
134
|
+
}
|
135
|
+
}
|
136
|
+
}
|
137
|
+
|
138
|
+
&-quantity {
|
139
|
+
font-size: font-px-to-rem(14px);
|
140
|
+
border-top: 1px solid $global-border-style;
|
141
|
+
|
142
|
+
@include media-breakpoint-up(sm) {
|
143
|
+
font-size: font-px-to-rem(27px);
|
144
|
+
}
|
145
|
+
@include media-breakpoint-up(lg) {
|
146
|
+
font-size: font-px-to-rem(20px);
|
147
|
+
}
|
148
|
+
|
149
|
+
span {
|
150
|
+
@include media-breakpoint-up(lg) {
|
151
|
+
font-size: font-px-to-rem(22px);
|
152
|
+
margin-left: 30px;
|
153
|
+
}
|
154
|
+
}
|
155
|
+
}
|
156
|
+
|
157
|
+
&-total {
|
158
|
+
border-top: 1px solid $global-border-style;
|
159
|
+
@include media-breakpoint-up(lg) {
|
160
|
+
font-size: font-px-to-rem(20px);
|
161
|
+
}
|
162
|
+
div:last-child {
|
163
|
+
@include media-breakpoint-up(lg) {
|
164
|
+
font-size: font-px-to-rem(22px);
|
165
|
+
}
|
166
|
+
}
|
167
|
+
}
|
168
|
+
|
169
|
+
&-check-mark {
|
170
|
+
padding-bottom: 25px;
|
171
|
+
}
|
172
|
+
|
173
|
+
&:last-child {
|
174
|
+
#{$self}-name, #{$self}-price, #{$self}-quantity, #{$self}-total {
|
175
|
+
border-bottom: 1px solid $global-border-style;
|
176
|
+
}
|
177
|
+
}
|
178
|
+
}
|
179
|
+
}
|
180
|
+
}
|
181
|
+
|
182
|
+
&-delivery-informations {
|
183
|
+
border-bottom: 1px solid $global-border-style;
|
184
|
+
font-weight: 500;
|
185
|
+
|
186
|
+
&-header {
|
187
|
+
letter-spacing: 0.4px;
|
188
|
+
margin-bottom: 20px;
|
189
|
+
}
|
190
|
+
dt {
|
191
|
+
letter-spacing: 0.4px;
|
192
|
+
margin-bottom: 15px;
|
193
|
+
}
|
194
|
+
dd {
|
195
|
+
letter-spacing: 0.35px;
|
196
|
+
margin-bottom: 25px;
|
197
|
+
}
|
198
|
+
|
199
|
+
&-link {
|
200
|
+
@include media-breakpoint-between(sm, md) {
|
201
|
+
svg {
|
202
|
+
height: 30px;
|
203
|
+
width: 30px;
|
204
|
+
}
|
205
|
+
}
|
206
|
+
}
|
207
|
+
|
208
|
+
@include media-breakpoint-up(sm) {
|
209
|
+
font-size: font-px-to-rem(30px);
|
210
|
+
&-header {
|
211
|
+
margin-top: 45px;
|
212
|
+
margin-bottom: 40px;
|
213
|
+
letter-spacing: 0.75px;
|
214
|
+
}
|
215
|
+
dt {
|
216
|
+
padding: 0;
|
217
|
+
margin-bottom: 37px;
|
218
|
+
letter-spacing: 0.75px;
|
219
|
+
}
|
220
|
+
dd {
|
221
|
+
font-size: font-px-to-rem(27px);
|
222
|
+
margin-bottom: 57px;
|
223
|
+
letter-spacing: 0.68px;
|
224
|
+
}
|
225
|
+
}
|
226
|
+
|
227
|
+
@include media-breakpoint-up(lg) {
|
228
|
+
border: none;
|
229
|
+
font-size: font-px-to-rem(22px);
|
230
|
+
|
231
|
+
dl {
|
232
|
+
display: flex;
|
233
|
+
justify-content: space-between;
|
234
|
+
}
|
235
|
+
dt {
|
236
|
+
letter-spacing: 0.55px;
|
237
|
+
}
|
238
|
+
dd {
|
239
|
+
font-size: font-px-to-rem(18px);
|
240
|
+
letter-spacing: 0.45px;
|
241
|
+
}
|
242
|
+
}
|
243
|
+
}
|
244
|
+
|
245
|
+
#checkout-summary {
|
246
|
+
margin-top: 20px;
|
247
|
+
@include media-breakpoint-up(sm) {
|
248
|
+
margin-top: 70px;
|
249
|
+
}
|
250
|
+
@include media-breakpoint-up(lg) {
|
251
|
+
flex: 0 0 40%;
|
252
|
+
align-self: flex-start;
|
253
|
+
}
|
254
|
+
}
|
255
|
+
}
|