1 line
12 KiB
Plaintext
1 line
12 KiB
Plaintext
{"version":3,"file":"css/checkout.css","mappings":"AAEA,mBACE,mBAEA,oCAGE,gCADA,mBADA,mBAEA,CAGF,wBAGE,mBAFA,aACA,eAEA,eC6CA,wBDjDF,wBAMI,kBAIJ,0BACE,kBAEA,iCACE,sBEfJ,cACA,cFewB,CACpB,SCiCF,wBDpCA,iCAKI,kBEnBN,eACA,eFmB0B,EAIxB,gCExBF,+BACA,gCFwBI,QACoB,CCwBtB,wBD1BA,gCAII,cACA,mBAIJ,+BGHF,aHKI,oBGDJ,aHCI,CCeF,wBDjBA,+BEjCF,kBFqCM,SEpCN,kBFqC0B,EAIxB,iCGZF,aHcI,oBGVJ,cHWI,iBCKF,wBDRA,iCE1CF,gBF+CM,SE9CN,iBF+CM,iBACoB,ECCxB,yBDRA,iCE1CF,kBACA,kBFmD0B,EAIxB,kCExDF,kBACA,kBFwDwB,CACpB,kBCKF,2BDPA,kCAII,sBACA,SACA,sBIvEN,iCACE,2CAGF,uBACE,gBAGF,4BACE,qBAGF,wBACE,2CAGF,4BACE,mBACA,WAGF,uEAGE,aAIA,wCACE,mBACA,WAKF,oCACE,eAGF,iCACE,cAKF,0CACE,qBASF,wJAEE,aAGF,0DACE,qBAGF,sDACE,cAQJ,kDACE,aAGF,4BACE,mBACA,WAEA,mCAIE,SAGA,WAFA,OACA,oBALA,kBAEA,QADA,KAKA,CAGF,wCACE,cCzFF,6BHMF,kBACA,kBGNyB,CJuDvB,wBIxDA,6BHMF,iBACA,iBGH2B,ECR7B,uBACE,kBAEA,6BAEE,cADA,iBACA,CAIA,sCACE,oBCII","sources":["webpack://Falcon-theme/./css/checkout/components/product-table/_product-line-grid.scss","webpack://Falcon-theme/./node_modules/bootstrap/scss/mixins/_breakpoints.scss","webpack://Falcon-theme/./css/abstracts/mixins/_custom-col.scss","webpack://Falcon-theme/./node_modules/bootstrap/scss/mixins/_grid.scss","webpack://Falcon-theme/./css/checkout/components/checkout/_checkout-content.scss","webpack://Falcon-theme/./css/checkout/components/checkout/_checkout-option.scss","webpack://Falcon-theme/./css/checkout/components/checkout/_checkout-option-block.scss","webpack://Falcon-theme/./css/abstracts/variables/bootstrap/_colors.scss"],"sourcesContent":["@use \"sass:map\";\n\n.product-line-grid {\n align-items: center;\n\n &:not(:last-child) {\n padding-bottom: map.get($spacers, 3);\n margin-bottom: map.get($spacers, 3);\n border-bottom: 1px solid $border-color;\n }\n\n &__row {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n margin: 0 -#{map.get($spacers, 2)};\n @include media-breakpoint-up(md) {\n flex-wrap: nowrap;\n }\n }\n\n &__block {\n padding: 0 rem-calc(10px);\n\n &--image {\n align-self: flex-start;\n @include custom-col(80px);\n order: -3;\n @include media-breakpoint-up(md) {\n align-self: center;\n @include custom-col(100px);\n }\n }\n\n &--prod {\n order: -2;\n @include custom-col(calc(100% - #{rem-calc(80px)} - #{rem-calc(50px)}));\n @include media-breakpoint-up(md) {\n flex: 1 1 auto;\n max-width: inherit;\n }\n }\n\n &--qty {\n @include make-col(6);\n margin: rem-calc(15px) 0 0;\n @include media-breakpoint-up(md) {\n margin: 0;\n @include custom-col(rem-calc(130px));\n }\n }\n\n &--total {\n @include make-col(6);\n margin: rem-calc(15px) 0 0;\n text-align: right;\n @include media-breakpoint-up(md) {\n margin: 0;\n text-align: center;\n @include custom-col(rem-calc(120px));\n }\n @include media-breakpoint-up(xl) {\n @include custom-col(rem-calc(150px));\n }\n }\n\n &--delete {\n @include custom-col(rem-calc(50px));\n text-align: center;\n @include media-breakpoint-down(sm) {\n align-self: flex-start;\n order: -1;\n padding-top: rem-calc(5px);\n }\n }\n }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n","@use \"sass:math\";\n\n@mixin custom-col-padded($width, $padding: math.div($grid-gutter-width, 2)) {\n flex: 0 0 $width;\n max-width: $width;\n padding-right: $padding;\n padding-left: $padding;\n}\n\n@mixin custom-col($width) {\n flex: 0 0 $width;\n max-width: $width;\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container($gutter: $grid-gutter-width) {\n width: 100%;\n padding-right: $gutter * .5;\n padding-left: $gutter * .5;\n margin-right: auto;\n margin-left: auto;\n}\n\n@mixin make-row($gutter: $grid-gutter-width) {\n display: flex;\n flex-wrap: wrap;\n margin-right: -$gutter * .5;\n margin-left: -$gutter * .5;\n}\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n @each $breakpoint, $container-max-width in $max-widths {\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n max-width: $container-max-width;\n }\n }\n @include deprecate(\"The `make-container-max-widths` mixin\", \"v4.5.2\", \"v5\");\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n position: relative;\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting `width: 100%;`. This works because we use `flex` values\n // later on to override this initial width.\n width: 100%;\n padding-right: $gutter * .5;\n padding-left: $gutter * .5;\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n flex: 0 0 percentage(divide($size, $columns));\n // Add a `max-width` to ensure content within each column does not blow out\n // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n // do not appear to require this.\n max-width: percentage(divide($size, $columns));\n}\n\n@mixin make-col-auto() {\n flex: 0 0 auto;\n width: auto;\n max-width: 100%; // Reset earlier grid tiers\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n $num: divide($size, $columns);\n margin-left: if($num == 0, 0, percentage($num));\n}\n\n// Row columns\n//\n// Specify on a parent element(e.g., .row) to force immediate children into NN\n// numberof columns. Supports wrapping to new lines, but does not do a Masonry\n// style grid.\n@mixin row-cols($count) {\n > * {\n flex: 0 0 divide(100%, $count);\n max-width: divide(100%, $count);\n }\n}\n",".checkout-step {\n &:not(:first-child) {\n border-top: $card-border-width solid $card-border-color;\n }\n\n &__header {\n border-bottom: 0;\n }\n\n .step-number {\n display: inline-block;\n }\n\n .content {\n border-top: $card-border-width solid $card-border-color;\n }\n\n .not-allowed {\n cursor: not-allowed;\n opacity: 0.5;\n }\n\n .content,\n .done,\n .step-edit {\n display: none;\n }\n\n &.-unreachable {\n .step-title {\n cursor: not-allowed;\n opacity: 0.5;\n }\n }\n\n &.-current {\n .step-title {\n cursor: default;\n }\n\n .content {\n display: block;\n }\n }\n\n &.-reachable.-complete {\n .done {\n display: inline-block;\n }\n\n .content {\n display: none;\n }\n }\n\n &.-current.-reachable.-complete {\n .done,\n .step-edit {\n display: none;\n }\n\n .step-number {\n display: inline-block;\n }\n\n .content {\n display: block;\n }\n }\n}\n\n.js-payment-binary {\n display: none;\n\n .accept-cgv {\n display: none;\n }\n\n &.disabled {\n cursor: not-allowed;\n opacity: 0.6;\n\n &::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n pointer-events: none;\n content: \"\";\n }\n\n .accept-cgv {\n display: block;\n }\n }\n}\n","@use \"sass:map\";\n\n.checkout-option {\n &__col {\n &--thumb {\n @include custom-col(rem-calc(50px));\n\n @include media-breakpoint-up(sm) {\n @include custom-col(rem-calc(60px));\n }\n }\n }\n}\n",".checkout-option-block {\n position: relative;\n\n > input {\n position: absolute;\n left: -99999em;\n }\n\n &.selected {\n .card {\n border-color: $primary;\n }\n }\n}\n","// Color system\n\n$white: #fff;\n$gray-100: #f8f9fa;\n$gray-200: #e9ecef;\n$gray-300: #dee2e6;\n$gray-400: #ced4da;\n$gray-500: #adb5bd;\n$gray-600: #6c757d;\n$gray-700: #495057;\n$gray-800: #343a40;\n$gray-900: #212529;\n$black: #000;\n\n$blue: #007bff;\n$indigo: #6610f2;\n$purple: #6f42c1;\n$pink: #e83e8c;\n$red: #dc3545;\n$orange: #fd7e14;\n$yellow: #ffc107;\n$green: #28a745;\n$teal: #20c997;\n$cyan: #17a2b8;\n\n$primary: $blue;\n$secondary: $gray-600;\n$success: $green;\n$info: $cyan;\n$warning: #ff9a52;\n$danger: $red;\n$light: $gray-100;\n$dark: $gray-800;\n"],"names":[],"sourceRoot":""} |