1 line
24 KiB
Plaintext
1 line
24 KiB
Plaintext
{"version":3,"sources":["Cart.module.scss","../../styles/_variables.scss","Search.component.scss","../../../styles/_variables.scss","CartIcon.component.scss","CartItem.component.scss","SectionLoader.component.scss","ItemPrice.component.scss","QuantityControlWidget.component.scss","CartList.component.scss","CartSummary.component.scss","Footer.component.scss"],"names":[],"mappings":"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","file":"5.5c54e305.chunk.css","sourcesContent":["@import './../../styles/variables';\r\n\r\n.c-Cart {\r\n background: $neutral-12;\r\n font-family: $font-family;\r\n margin-top: $header-height;\r\n margin-bottom: 46px;\r\n // padding: 15px 10px;\r\n\r\n .c-Cart__emptyCart {\r\n background: $neutral-00;\r\n margin-top: 25%;\r\n border: 1px solid black;\r\n text-align: center;\r\n padding: 1em;\r\n\r\n .c-Cart__emptyCart__information {\r\n color: $neutral-40;\r\n }\r\n }\r\n\r\n .btn__continueShopping {\r\n display: block;\r\n margin: 0 auto;\r\n border-radius: 20px;\r\n padding: 7px 20px;\r\n background-color: $brand-color;\r\n color: $neutral-12; \r\n cursor: pointer;\r\n font-size: $smaller-font-size;\r\n font-weight: $bold-font-weight;\r\n }\r\n \r\n .btn__continueShopping:hover {\r\n opacity: 0.7;\r\n }\r\n\r\n .c-Cart__mainContent {\r\n \r\n }\r\n}\r\n","// Project-Wide Variables\r\n// ===\r\n//\r\n// Edit these as needed. Some guidelines:\r\n//\r\n// - Names should be lowercase and dash-separated;\r\n// - Qualifiers should be added to the beginning of related variables: use\r\n// `$small-font-size`, not `$font-size-small`;\r\n// - Numeric scales should use increments of 10; these numbers are arbitrary and\r\n// should not map to actual values. If really necessary, additional values can\r\n// be added in between, e.g. $neutral-15 between 10 and 20.\r\n//\r\n//\r\n// Table of Contents\r\n// ---\r\n//\r\n// [AAA] Basic Layout\r\n// [BBB] Responsive Layout\r\n// [CCC] Typography\r\n// [DDD] Color Palette\r\n// [EEE] Appearance\r\n// [FFF] Z-Index\r\n// [GGG] Shorthands\r\n\r\n\r\n// [AAA] Basic Layout\r\n// ---\r\n\r\n// Basic unit for spacing and alignment; 6 to 12px recommended. Apply in whole\r\n// or half multiples.\r\n$sub-unit: 4px;\r\n$unit: 8px;\r\n\r\n// Standard tap-target size\r\n$tap-size: 44px;\r\n\r\n// Container max-width.\r\n$max-width: 1280px;\r\n\r\n// Content Height Calculations\r\n$header-height: 64px;\r\n$footer-height: 173px;\r\n$content-height: calc(100vh - #{$header-height} - #{$footer-height});\r\n\r\n// [BBB] Responsive Layout\r\n// ---\r\n//\r\n// Media query breakpoints and grid setup. Please see Mobify's Responsive Best\r\n// Practices doc here: https://bit.ly/2tmRnEi, and our Responsive Grid\r\n// documentation here: http://docs.mobify.com/latest/guides/responsive-grid/\r\n//\r\n// Note: $small-breakpoint isn't needed, since it is 0px\r\n\r\n$medium-breakpoint: 600px;\r\n$large-breakpoint: 960px;\r\n$xlarge-breakpoint: $max-width;\r\n\r\n$susy: (\r\n // Add color to show the columns and gutters\r\n 'svg-grid-colors': hsl(0, 0%, 95%),\r\n 'columns': susy-repeat(4),\r\n 'gutters': 12px\r\n);\r\n\r\n$medium-layout: (\r\n 'svg-grid-colors': hsl(0, 0%, 95%),\r\n 'columns': susy-repeat(12),\r\n 'gutters': 12px\r\n);\r\n\r\n$large-layout: (\r\n 'svg-grid-colors': hsl(0, 0%, 95%),\r\n 'columns': susy-repeat(12),\r\n 'gutters': 24px\r\n);\r\n\r\n\r\n// [CCC] Typography\r\n// ---\r\n// $font-family: 'San Francisco', 'Roboto', 'Fira Sans', 'Segoe UI', sans-serif;\r\n$font-family: Verdana, Geneva, sans-serif; \r\n$header-font-family: 'Avenir Next Condensed', 'Roboto Condensed', 'Helvetica Neue', 'Roboto', sans-serif;\r\n$loaded-header-font-family: 'Roboto', $header-font-family;\r\n\r\n// Line height\r\n$huge-line-height: 32px;\r\n$bigger-line-height: 28px;\r\n$big-line-height: 24px;\r\n$line-height: 20px;\r\n$small-line-height: 16px;\r\n$smaller-line-height: 12px;\r\n$tiny-line-height: 8px;\r\n\r\n// Font sizes\r\n$huge-font-size: 28px;\r\n$bigger-font-size: 24px;\r\n$big-font-size: 20px;\r\n$font-size: 16px;\r\n$small-font-size: 14px;\r\n$smaller-font-size: 12px;\r\n$tiny-font-size: 10px;\r\n$smallest-font-size: 8px;\r\n\r\n// Font weight\r\n$thin-font-weight: 100;\r\n$extra-light-font-weight: 200;\r\n$light-font-weight: 300;\r\n$regular-font-weight: 400;\r\n$medium-font-weight: 500;\r\n$semi-bold-font-weight: 600;\r\n$bold-font-weight: 700;\r\n\r\n// [DDD] Color Palette\r\n// ---\r\n\r\n// Neutrals\r\n$neutral-00: #fff;\r\n$neutral-10: #f7f7f7;\r\n$neutral-12: #f1f3f6;\r\n$neutral-15: #eee;\r\n$neutral-17: #e1e1e1;\r\n$neutral-20: #d5d5d5;\r\n$neutral-30: #bfbfbf;\r\n$neutral-40: #999;\r\n$neutral-50: #696969;\r\n$neutral-60: #333;\r\n$neutral-70: #000;\r\n\r\n// Brand colors\r\n// $brand-color: #017e9b; // blue\r\n$brand-color: #4471ea; // blue\r\n// $secondary-brand-color: #005569;\r\n$secondary-brand-color: #fafafa;\r\n$tertiary-brand-color: #83bdcb;\r\n$quaternary-brand-color: #bfdfe6;\r\n\r\n// UI Kit colors\r\n$ui-brand-color: #005c83; // dark blue\r\n\r\n// Accent colors\r\n$accent-color: #ff852c; // orange\r\n$light-accent-color: lighten($accent-color, 15%);\r\n$dark-accent-color: darken($accent-color, 15%);\r\n\r\n// Primary Action\r\n$primary-action-color: #dc0a3c;\r\n$light-primary-action-color: lighten($primary-action-color, 15%);\r\n$dark-primary-action-color: darken($primary-action-color, 15%);\r\n\r\n// Secondary Action\r\n$secondary-action-color: #ff852c;\r\n$light-secondary-action-color: lighten($secondary-action-color, 15%);\r\n$dark-secondary-action-color: darken($secondary-action-color, 15%);\r\n\r\n// Success colors\r\n$success-color: #037b30;\r\n$light-success-color: lighten($success-color, 15%);\r\n$dark-success-color: darken($success-color, 15%);\r\n\r\n// Error colors\r\n$error-color: #c70936;\r\n$light-error-color: lighten($error-color, 15%);\r\n$feedback-error-color: #f8e7eb;\r\n$dark-error-color: darken($error-color, 15%);\r\n\r\n// Sale color\r\n$sale-color: $error-color;\r\n$prominent-color: $error-color;\r\n\r\n// Social colors\r\n$facebook-color: #3a5a93;\r\n$twitter-color: #55aace;\r\n$instagram-color: #405de6;\r\n$pinterest-color: #bd081c;\r\n$youtube-color: #e52d27;\r\n$google-plus-color: #dd4b39;\r\n$yelp-color: #af0606;\r\n\r\n\r\n// [EEE] Appearance\r\n// ---\r\n\r\n$font-color: $neutral-60;\r\n$font-color-light: $neutral-12;\r\n\r\n$link-color: $ui-brand-color;\r\n$active-link-color: $dark-accent-color;\r\n\r\n$focus-color: $brand-color;\r\n\r\n$border-color: $neutral-20;\r\n$border-radius: 4px;\r\n\r\n$input-background-color: $neutral-00;\r\n$input-border-color: $border-color;\r\n$focused-input-border-color: $secondary-brand-color;\r\n$disabled-input-color: $neutral-40;\r\n$disabled-input-background-color: $neutral-15;\r\n$disabled-button-background-color: $neutral-15;\r\n$add-to-cart-button-background-color: #f7ae3a;\r\n$horizontal-input-padding: $unit;\r\n$vertical-input-padding: $unit;\r\n\r\n$background-color: $neutral-12;\r\n$overlay-color: rgba($neutral-00, 0.85);\r\n\r\n\r\n// [FFF] Z-Index\r\n// ---\r\n\r\n// Organizes z-index usage by name. Values can be incremented/decremented\r\n// slightly as necessary. eg. $z1-layer + 1;\r\n\r\n$z1-depth: 1; // background\r\n$z2-depth: 10; // icon or other ui element\r\n$z3-depth: 100; // modal shade or similar\r\n$z4-depth: 1000; // modal dialog or similar\r\n\r\n\r\n// [GGG] Shorthands\r\n// ---\r\n\r\n$border: 1px solid $border-color;\r\n$light-border: 1px solid $neutral-15;\r\n$input-padding: $vertical-input-padding $horizontal-input-padding;\r\n\r\n$box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);\r\n$large-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);\r\n$inset-box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.3), inset 0 -2px 2px -2px rgba(0, 0, 0, 0.3);\r\n$input-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.3);\r\n$themeColor-Light: #f3e2c7;\r\n$themeColor-Dark:#252525;\r\n$theme-font: verdana, sans-serif;\r\n$theme-supplementer: #f39c12;\r\n$font-size-desktop-h5: 1.25em;\r\n$font-size-mobile-h5: 0.8em;\r\n$font-size-desktop-p: 1.1em;\r\n$font-size-mobile-p: 0.7em;\r\n","@import './../../../styles//variables';\r\n\r\n.c-Plp__c-Header__c-Search {\r\n margin-left: auto;\r\n position: relative;\r\n\r\n .c-Plp__c-Header__c-Search__input {\r\n background: transparent;\r\n border: none;\r\n border-bottom: 1px solid $neutral-00;\r\n color: $neutral-00;\r\n float: right;\r\n min-height: 0;\r\n width: 0;\r\n visibility: hidden;\r\n opacity: 0;\r\n font-size: $small-font-size;\r\n font-weight: $bold-font-weight;\r\n padding: 7px 10px 8px 0;\r\n -webkit-transition: all 0.33s ease-in-out;\r\n transition: all 0.3s ease-in-out;\r\n box-shadow: none;\r\n outline: none;\r\n\r\n &.c-Plp__c-Header__c-Search__input--visible {\r\n width: 100%;\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n \r\n &::placeholder {\r\n color: $neutral-00;\r\n opacity: 1;\r\n }\r\n \r\n &:-ms-input-placeholder {\r\n color: $neutral-00;\r\n font-size: $small-font-size;\r\n }\r\n \r\n &::-ms-input-placeholder {\r\n color: $neutral-00;\r\n }\r\n }\r\n\r\n .c-Plp__c-Header__c-Search__searchIcon {\r\n position: absolute;\r\n top: 6px;\r\n right: 0px;\r\n }\r\n}\r\n","// Project-Wide Variables\r\n// ===\r\n//\r\n// Edit these as needed. Some guidelines:\r\n//\r\n// - Names should be lowercase and dash-separated;\r\n// - Qualifiers should be added to the beginning of related variables: use\r\n// `$small-font-size`, not `$font-size-small`;\r\n// - Numeric scales should use increments of 10; these numbers are arbitrary and\r\n// should not map to actual values. If really necessary, additional values can\r\n// be added in between, e.g. $neutral-15 between 10 and 20.\r\n//\r\n//\r\n// Table of Contents\r\n// ---\r\n//\r\n// [AAA] Basic Layout\r\n// [BBB] Responsive Layout\r\n// [CCC] Typography\r\n// [DDD] Color Palette\r\n// [EEE] Appearance\r\n// [FFF] Z-Index\r\n// [GGG] Shorthands\r\n\r\n\r\n// [AAA] Basic Layout\r\n// ---\r\n\r\n// Basic unit for spacing and alignment; 6 to 12px recommended. Apply in whole\r\n// or half multiples.\r\n$sub-unit: 4px;\r\n$unit: 8px;\r\n\r\n// Standard tap-target size\r\n$tap-size: 44px;\r\n\r\n// Container max-width.\r\n$max-width: 1280px;\r\n\r\n// Content Height Calculations\r\n$header-height: 64px;\r\n$footer-height: 173px;\r\n$content-height: calc(100vh - #{$header-height} - #{$footer-height});\r\n\r\n// [BBB] Responsive Layout\r\n// ---\r\n//\r\n// Media query breakpoints and grid setup. Please see Mobify's Responsive Best\r\n// Practices doc here: https://bit.ly/2tmRnEi, and our Responsive Grid\r\n// documentation here: http://docs.mobify.com/latest/guides/responsive-grid/\r\n//\r\n// Note: $small-breakpoint isn't needed, since it is 0px\r\n\r\n$medium-breakpoint: 600px;\r\n$large-breakpoint: 960px;\r\n$xlarge-breakpoint: $max-width;\r\n\r\n$susy: (\r\n // Add color to show the columns and gutters\r\n 'svg-grid-colors': hsl(0, 0%, 95%),\r\n 'columns': susy-repeat(4),\r\n 'gutters': 12px\r\n);\r\n\r\n$medium-layout: (\r\n 'svg-grid-colors': hsl(0, 0%, 95%),\r\n 'columns': susy-repeat(12),\r\n 'gutters': 12px\r\n);\r\n\r\n$large-layout: (\r\n 'svg-grid-colors': hsl(0, 0%, 95%),\r\n 'columns': susy-repeat(12),\r\n 'gutters': 24px\r\n);\r\n\r\n\r\n// [CCC] Typography\r\n// ---\r\n// $font-family: 'San Francisco', 'Roboto', 'Fira Sans', 'Segoe UI', sans-serif;\r\n$font-family: Verdana, Geneva, sans-serif; \r\n$header-font-family: 'Avenir Next Condensed', 'Roboto Condensed', 'Helvetica Neue', 'Roboto', sans-serif;\r\n$loaded-header-font-family: 'Roboto', $header-font-family;\r\n\r\n// Line height\r\n$huge-line-height: 32px;\r\n$bigger-line-height: 28px;\r\n$big-line-height: 24px;\r\n$line-height: 20px;\r\n$small-line-height: 16px;\r\n$smaller-line-height: 12px;\r\n$tiny-line-height: 8px;\r\n\r\n// Font sizes\r\n$huge-font-size: 28px;\r\n$bigger-font-size: 24px;\r\n$big-font-size: 20px;\r\n$font-size: 16px;\r\n$small-font-size: 14px;\r\n$smaller-font-size: 12px;\r\n$tiny-font-size: 10px;\r\n$smallest-font-size: 8px;\r\n\r\n// Font weight\r\n$thin-font-weight: 100;\r\n$extra-light-font-weight: 200;\r\n$light-font-weight: 300;\r\n$regular-font-weight: 400;\r\n$medium-font-weight: 500;\r\n$semi-bold-font-weight: 600;\r\n$bold-font-weight: 700;\r\n\r\n// [DDD] Color Palette\r\n// ---\r\n\r\n// Neutrals\r\n$neutral-00: #fff;\r\n$neutral-10: #f7f7f7;\r\n$neutral-12: #f1f3f6;\r\n$neutral-15: #eee;\r\n$neutral-17: #e1e1e1;\r\n$neutral-20: #d5d5d5;\r\n$neutral-30: #bfbfbf;\r\n$neutral-40: #999;\r\n$neutral-50: #696969;\r\n$neutral-60: #333;\r\n$neutral-70: #000;\r\n\r\n// Brand colors\r\n// $brand-color: #017e9b; // blue\r\n$brand-color: #4471ea; // blue\r\n// $secondary-brand-color: #005569;\r\n$secondary-brand-color: #fafafa;\r\n$tertiary-brand-color: #83bdcb;\r\n$quaternary-brand-color: #bfdfe6;\r\n\r\n// UI Kit colors\r\n$ui-brand-color: #005c83; // dark blue\r\n\r\n// Accent colors\r\n$accent-color: #ff852c; // orange\r\n$light-accent-color: lighten($accent-color, 15%);\r\n$dark-accent-color: darken($accent-color, 15%);\r\n\r\n// Primary Action\r\n$primary-action-color: #dc0a3c;\r\n$light-primary-action-color: lighten($primary-action-color, 15%);\r\n$dark-primary-action-color: darken($primary-action-color, 15%);\r\n\r\n// Secondary Action\r\n$secondary-action-color: #ff852c;\r\n$light-secondary-action-color: lighten($secondary-action-color, 15%);\r\n$dark-secondary-action-color: darken($secondary-action-color, 15%);\r\n\r\n// Success colors\r\n$success-color: #037b30;\r\n$light-success-color: lighten($success-color, 15%);\r\n$dark-success-color: darken($success-color, 15%);\r\n\r\n// Error colors\r\n$error-color: #c70936;\r\n$light-error-color: lighten($error-color, 15%);\r\n$feedback-error-color: #f8e7eb;\r\n$dark-error-color: darken($error-color, 15%);\r\n\r\n// Sale color\r\n$sale-color: $error-color;\r\n$prominent-color: $error-color;\r\n\r\n// Social colors\r\n$facebook-color: #3a5a93;\r\n$twitter-color: #55aace;\r\n$instagram-color: #405de6;\r\n$pinterest-color: #bd081c;\r\n$youtube-color: #e52d27;\r\n$google-plus-color: #dd4b39;\r\n$yelp-color: #af0606;\r\n\r\n\r\n// [EEE] Appearance\r\n// ---\r\n\r\n$font-color: $neutral-60;\r\n$font-color-light: $neutral-12;\r\n\r\n$link-color: $ui-brand-color;\r\n$active-link-color: $dark-accent-color;\r\n\r\n$focus-color: $brand-color;\r\n\r\n$border-color: $neutral-20;\r\n$border-radius: 4px;\r\n\r\n$input-background-color: $neutral-00;\r\n$input-border-color: $border-color;\r\n$focused-input-border-color: $secondary-brand-color;\r\n$disabled-input-color: $neutral-40;\r\n$disabled-input-background-color: $neutral-15;\r\n$disabled-button-background-color: $neutral-15;\r\n$add-to-cart-button-background-color: #f7ae3a;\r\n$horizontal-input-padding: $unit;\r\n$vertical-input-padding: $unit;\r\n\r\n$background-color: $neutral-12;\r\n$overlay-color: rgba($neutral-00, 0.85);\r\n\r\n\r\n// [FFF] Z-Index\r\n// ---\r\n\r\n// Organizes z-index usage by name. Values can be incremented/decremented\r\n// slightly as necessary. eg. $z1-layer + 1;\r\n\r\n$z1-depth: 1; // background\r\n$z2-depth: 10; // icon or other ui element\r\n$z3-depth: 100; // modal shade or similar\r\n$z4-depth: 1000; // modal dialog or similar\r\n\r\n\r\n// [GGG] Shorthands\r\n// ---\r\n\r\n$border: 1px solid $border-color;\r\n$light-border: 1px solid $neutral-15;\r\n$input-padding: $vertical-input-padding $horizontal-input-padding;\r\n\r\n$box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);\r\n$large-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);\r\n$inset-box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.3), inset 0 -2px 2px -2px rgba(0, 0, 0, 0.3);\r\n$input-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.3);\r\n$themeColor-Light: #f3e2c7;\r\n$themeColor-Dark:#252525;\r\n$theme-font: verdana, sans-serif;\r\n$theme-supplementer: #f39c12;\r\n$font-size-desktop-h5: 1.25em;\r\n$font-size-mobile-h5: 0.8em;\r\n$font-size-desktop-p: 1.1em;\r\n$font-size-mobile-p: 0.7em;\r\n","@import './../../../styles/variables';\r\n\r\n.c-Plp__c-Header__c-CartIcon {\r\n // margin-left: 1rem;\r\n position: relative;\r\n\r\n .c-Plp__c-Header__c-CartIcon__badge {\r\n position: absolute;\r\n top: -7px;\r\n right: -9px;\r\n padding: 0px 5px;\r\n border-radius: 50%;\r\n background-color: $prominent-color;\r\n color: $neutral-00;\r\n font-size: $smaller-font-size;\r\n }\r\n\r\n .fa-shopping-cart {\r\n float: right;\r\n }\r\n}\r\n","@import './../../../styles//variables';\r\n\r\n.c-Cart__c-CartList__c-CartItem {\r\n padding: 1rem 0;\r\n background: $neutral-00;\r\n border: 1px solid $neutral-40;\r\n line-height: 1;\r\n\r\n &:not(:last-child) {\r\n margin-bottom: 13px;\r\n }\r\n \r\n [class*=\"col-\"] {\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n }\r\n\r\n .c-Cart__c-CartList__c-CartItem__image {\r\n // margin-bottom: 0.7rem;\r\n }\r\n\r\n .c-Cart__c-CartList__c-CartItem__name {\r\n font-size: $small-font-size;\r\n }\r\n\r\n .c-Cart__c-CartList__c-CartItem__buttonItemRemove {\r\n text-transform: capitalize;\r\n font-size: $font-size;\r\n font-weight: $bold-font-weight;\r\n margin-bottom: 0;\r\n }\r\n}\r\n",".c-SectionLoader {\r\n\r\n display: flex;\r\n\talign-items: center;\r\n\tjustify-content: center;\r\n\tbackground: rgba(0,0,0,0.3); \r\n width: 100%; \r\n height: 100%; \r\n position: relative; \r\n top:0px; \r\n left:0px; \r\n z-index: 10;\r\n \r\n .c-SectionLoader__lds-ripple {\r\n\t\tdisplay: inline-block;\r\n\t\tposition: absolute;\r\n\t\twidth: 80px;\r\n\t\theight: 80px;\r\n\t\tdiv {\r\n\t\t\tposition: absolute;\r\n\t\t\tborder: 4px solid #fff;\r\n\t\t\topacity: 1;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tanimation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;\r\n\t\t\t&:nth-child(2) {\r\n\t\t\t\tanimation-delay: -0.5s;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t\r\n\t@keyframes lds-ripple {\r\n\t\t0% {\r\n\t\t\ttop: 36px;\r\n\t\t\tleft: 36px;\r\n\t\t\twidth: 0;\r\n\t\t\theight: 0;\r\n\t\t\topacity: 1;\r\n\t\t}\r\n\t\t100% {\r\n\t\t\ttop: 0px;\r\n\t\t\tleft: 0px;\r\n\t\t\twidth: 72px;\r\n\t\t\theight: 72px;\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n}\r\n","@import './../../../styles/variables';\r\n\r\n.c-ItemPrice {\r\n line-height: $smaller-font-size;\r\n margin-bottom: 0.9rem;\r\n display: flex;\r\n align-items: baseline;\r\n .c-ItemPrice__price {\r\n font-size: $small-font-size;\r\n font-weight: $bold-font-weight;\r\n padding-right: 0.5rem;\r\n }\r\n \r\n .c-ItemPrice__price--strikethrough {\r\n color: $neutral-40;\r\n font-weight: $bold-font-weight;\r\n font-size: $smaller-font-size;\r\n text-decoration: line-through;\r\n // margin-left: $unit * 0.8; \r\n }\r\n \r\n .c-ItemPrice__discount {\r\n color: #4aa219;\r\n font-weight: $bold-font-weight;\r\n font-size: $smaller-font-size;\r\n margin-left: auto;\r\n }\r\n}\r\n","@import './../../../styles/variables';\r\n\r\n.c-QuantityControlWidget {\r\n display: flex;\r\n margin-bottom: 1rem;\r\n .c-QuantityControlWidget__part {\r\n border: 1.5px solid $neutral-30;;\r\n border-radius: 50%;\r\n font-size: $big-font-size;\r\n // {props.product && props.product.count}\r\n display: flex;\r\n align-items: center;\r\n &:not(:last-child) {\r\n margin-right: 0.5rem;\r\n }\r\n &.c-QuantityControlWidget__part--circled {\r\n border-radius: 50%;\r\n cursor: pointer;\r\n color: $neutral-50;\r\n }\r\n &.c-QuantityControlWidget__part--minus {\r\n padding: 2px 8px 3px; \r\n }\r\n &.c-QuantityControlWidget__part--plus {\r\n padding: 1px 4px; \r\n }\r\n &.c-QuantityControlWidget__part--squared {\r\n border-radius: 2px;\r\n font-size: $smaller-font-size;\r\n font-weight: $bold-font-weight;\r\n color: $neutral-60;\r\n padding: 0 13px;\r\n align-items: center;\r\n }\r\n\r\n\r\n }\r\n}\r\n","@import './../../../styles/variables';\r\n\r\n.c-CartList {\r\n padding: 0.8em 0 0;\r\n}\r\n","@import './../../../styles/variables';\r\n\r\n.c-CartSummary {\r\n padding: 0.8em 0;\r\n .c-CartSummary__inner {\r\n border: 1px solid $neutral-40;\r\n background: $neutral-00;\r\n padding: 0.4rem 0;\r\n font-size: $font-size;\r\n\r\n p {\r\n margin-bottom: 0;\r\n }\r\n\r\n [class*=\"col-\"] {\r\n padding-left: 10px;\r\n padding-right: 10px;\r\n \r\n }\r\n\r\n .c-CartSummary__headerRow, .c-CartSummary__price, .c-CartSummary__discount, .c-CartSummary__total {\r\n padding: 0.5em 0;\r\n }\r\n .c-CartSummary__headerRow {\r\n border-bottom: 1px solid $neutral-20;\r\n font-size: $big-font-size;\r\n .c-CartSummary__headerContent {\r\n text-transform: capitalize;\r\n font-weight: $bold-font-weight;\r\n color: $neutral-40;\r\n }\r\n }\r\n\r\n .c-CartSummary__details {\r\n padding: 1em 0;\r\n border-bottom: 2px solid $neutral-40;\r\n margin-left: -15px;\r\n margin-right: -15px;\r\n\r\n .row {\r\n margin-right: 0;\r\n margin-left: 0;\r\n }\r\n \r\n .float-right {\r\n right: 0;\r\n }\r\n }\r\n\r\n .c-CartSummary__total {\r\n font-weight: $bold-font-weight;\r\n }\r\n }\r\n}\r\n","@import './../../../styles/variables';\r\n\r\n.c-Footer {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: fixed;\r\n left: 0;\r\n bottom: 0;\r\n width: 100%;\r\n background-color: $brand-color;\r\n color: $font-color-light;\r\n padding: 0.7em;\r\n\r\n p {\r\n margin-bottom: 0;\r\n font-weight: bold;\r\n }\r\n}\r\n"]} |