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