wickes-css2 2.103.0-IC-976-pre-commit-lint.5 → 2.103.0-IC-976-pre-commit-lint.8

package/src/scss/helpers/_variables.scss

@@ -1,37 +1,37 @@
 //// Color scheme
 
 // Primary Brand Colors
-$blue-dark: #0a3055; // Base brand color for background
-$blue: #0277bd; // CTAs
-$green: #67a509; // Tick icons; Buttons in the checkout
+$blue-dark: #0a3055;      // Base brand color for background
+$blue: #0277bd;           // CTAs
+$green: #67a509;          // Tick icons; Buttons in the checkout
 $polishedPine: #67a589;
-$green-dark: #487306; // Active state of button-action
+$green-dark: #487306;     // Active state of button-action
 
 // Additional colors
-$green-light: #9acd32; // To denote 'new’; Only used as a background
+$green-light: #9acd32;    // To denote 'new’; Only used as a background
 $light-green-wa: #25d366; // WhatsApp background
-$yellow: #f7ca18; // Clearance; Only used as a background
-$orange: #ffc439; // Paypal background
-$red: #cf000f; // Offers
+$yellow: #f7ca18;         // Clearance; Only used as a background
+$orange: #ffc439;         // Paypal background
+$red: #cf000f;            // Offers
 $red-dark: #7c0009;
-$red-bg: #fdf2f3; // Equal to red-transparent for cases when rgba usage is prohibited
-$app-error: #cf100d; // For tradePro app notification error
-$gray-dark: #3e3e3e; // Body copy
+$red-bg: #fdf2f3;         // Equal to red-transparent for cases when rgba usage is prohibited
+$app-error: #cf100d;      // For tradePro app notification error
+$gray-dark: #3e3e3e;      // Body copy
 $gray-border: #d6d6d6;
-$gray: #ccc; // Key-lines - to separate content; Background colour; Card borders
-$gray-light: #eee; // Key-lines - to separate content; Background colour
+$gray: #ccc;              // Key-lines - to separate content; Background colour; Card borders
+$gray-light: #eee;        // Key-lines - to separate content; Background colour
 $gray-lighter: #f4f4f4;
 $gray-whiter: #f1f1f1;
-$gray-bg: #f8f8f8; // Menu background colour
-$gray-gradient: #e0e0e0; // tabs gradient gray
+$gray-bg: #f8f8f8;        // Menu background colour
+$gray-gradient: #e0e0e0;  // tabs gradient gray
 $gray-quill: #cececd;
 $gray-wait: #9d9d9c;
 $gray-dim: #656565;
 $gray-matt: #515151;
-$squant: #666;
-$error-bg: #fcf2f3; // Error notification background colour
-$positive: #8dc63f; // Positive colour
-$negative: #ed1c24; // Negative colour
+$squant: #666666;
+$error-bg: #fcf2f3;       // Error notification background colour
+$positive: #8dc63f;       // Positive colour
+$negative: #ed1c24;       // Negative colour
 $blue-badge: #019ee3;
 $pacific-depths: #004587;
 $usp-icon-color: #1a77bc; // Usp icon color
@@ -39,12 +39,9 @@ $pacific-depths: #004587;
 $line-through: #242424;
 $ma-white: #f4f9fe;
 $blue-satin: #99b5cf;
-$notification-success-bg: rgba(103, 165, 9, .05);
-;
-$notification-failure-bg: rgba(207, 0, 15, .05);
-;
-$notification-warn-bg: rgba(255, 196, 57, .05);
-;
+$notification-success-bg: rgba(103, 165, 9, .05);;
+$notification-failure-bg: rgba(207, 0, 15, .05);;
+$notification-warn-bg: rgba(255, 196, 57, .05);;
 
 $footer-gray: #f5f5f5;
 $footer-bullet: #c8c8c8;
@@ -198,49 +195,49 @@ $brown-icon: #7b6406;
 $lemon-icon: #aeb277;
 
 //Bootstrap-extraction
-$font-weight-light: 300 !default;
-$font-weight-normal: 400 !default;
-$font-weight-bold: 700 !default;
-$font-weight-base: $font-weight-normal !default;
-$small-font-size: 80% !default;
-$font-size-lg: ($font-size-base * 1.25) !default;
-$font-size-sm: ($font-size-base * .875) !default;
-$body-bg: $white !default;
-$component-active-color: $white !default;
+$font-weight-light:           300 !default;
+$font-weight-normal:          400 !default;
+$font-weight-bold:            700 !default;
+$font-weight-base:            $font-weight-normal !default;
+$small-font-size:             80% !default;
+$font-size-lg:                ($font-size-base * 1.25) !default;
+$font-size-sm:                ($font-size-base * .875) !default;
+$body-bg:                   $white !default;
+$component-active-color:      $white !default;
 $spacer: 1rem !default;
-$headings-margin-bottom: calc($spacer / 2) !default;
-$paragraph-margin-bottom: 1rem !default;
-$dt-font-weight: $font-weight-bold !default;
-$link-hover-decoration: underline !default;
-$table-cell-padding: .75rem !default;
+$headings-margin-bottom:      calc($spacer / 2) !default;
+$paragraph-margin-bottom:   1rem !default;
+$dt-font-weight:              $font-weight-bold !default;
+$link-hover-decoration:     underline !default;
+$table-cell-padding:          .75rem !default;
 $gray-600: #6c757d !default;
-$text-muted: $gray-600 !default;
-$headings-font-family: inherit !default;
-$headings-font-weight: 500 !default;
-$headings-line-height: 1.2 !default;
-$headings-color: inherit !default;
-$h1-font-size: $font-size-base * 2.5 !default;
-$h2-font-size: $font-size-base * 2 !default;
-$h3-font-size: $font-size-base * 1.75 !default;
-$h4-font-size: $font-size-base * 1.5 !default;
-$h5-font-size: $font-size-base * 1.25 !default;
-$h6-font-size: $font-size-base !default;
-$lead-font-size: ($font-size-base * 1.25) !default;
-$lead-font-weight: 300 !default;
-$primary: $blue !default;
-$component-active-bg: $primary !default;
-$line-height-sm: 1.5 !default;
-$line-height-lg: 1.5 !default;
-$display-line-height: $headings-line-height !default;
-$hr-margin-y: $spacer !default;
-$hr-border-color: rgba($black, .1) !default;
-$border-width: 1px !default;
-$hr-border-width: $border-width !default;
-$enable-grid-classes: true !default;
-$grid-gutter-width: 30px !default;
+$text-muted:                  $gray-600 !default;
+$headings-font-family:        inherit !default;
+$headings-font-weight:        500 !default;
+$headings-line-height:        1.2 !default;
+$headings-color:              inherit !default;
+$h1-font-size:                $font-size-base * 2.5 !default;
+$h2-font-size:                $font-size-base * 2 !default;
+$h3-font-size:                $font-size-base * 1.75 !default;
+$h4-font-size:                $font-size-base * 1.5 !default;
+$h5-font-size:                $font-size-base * 1.25 !default;
+$h6-font-size:                $font-size-base !default;
+$lead-font-size:              ($font-size-base * 1.25) !default;
+$lead-font-weight:            300 !default;
+$primary:       $blue !default;
+$component-active-bg:         $primary !default;
+$line-height-sm:              1.5 !default;
+$line-height-lg:              1.5 !default;
+$display-line-height:         $headings-line-height !default;
+$hr-margin-y:                 $spacer !default;
+$hr-border-color:             rgba($black, .1) !default;
+$border-width:                1px !default;
+$hr-border-width:             $border-width !default;
+$enable-grid-classes:       true !default;
+$grid-gutter-width:           30px !default;
 $container-max-widths: (sm: 540px, md: 720px, lg: 960px, xl: 1140px) !default;
 $grid-breakpoints: (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px) !default;
-$grid-columns: 12 !default;
+$grid-columns:                12 !default;
 
 $gray-100: #f8f9fa !default;
 $gray-200: #e9ecef !default;
@@ -252,122 +249,122 @@ $gray-700: #495057 !default;
 $gray-800: #343a40 !default;
 $gray-900: #212529 !default;
 
-$input-btn-padding-y: .375rem !default;
-$input-btn-padding-x: .75rem !default;
-$input-btn-line-height: $line-height-base !default;
+$input-btn-padding-y:         .375rem !default;
+$input-btn-padding-x:         .75rem !default;
+$input-btn-line-height:       $line-height-base !default;
 
-$input-btn-focus-width: .2rem !default;
-$input-btn-focus-color: rgba($component-active-bg, .25) !default;
-$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
+$input-btn-focus-width:       .2rem !default;
+$input-btn-focus-color:       rgba($component-active-bg, .25) !default;
+$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
 
-$input-btn-padding-y-sm: .25rem !default;
-$input-btn-padding-x-sm: .5rem !default;
-$input-btn-line-height-sm: $line-height-sm !default;
+$input-btn-padding-y-sm:      .25rem !default;
+$input-btn-padding-x-sm:      .5rem !default;
+$input-btn-line-height-sm:    $line-height-sm !default;
 
-$input-btn-padding-y-lg: .5rem !default;
-$input-btn-padding-x-lg: 1rem !default;
-$input-btn-line-height-lg: $line-height-lg !default;
+$input-btn-padding-y-lg:      .5rem !default;
+$input-btn-padding-x-lg:      1rem !default;
+$input-btn-line-height-lg:    $line-height-lg !default;
 
-$input-btn-border-width: $border-width !default;
+$input-btn-border-width:      $border-width !default;
 
-$border-radius: .25rem !default;
-$border-radius-lg: .3rem !default;
-$border-radius-sm: .2rem !default;
+$border-radius:               .25rem !default;
+$border-radius-lg:            .3rem !default;
+$border-radius-sm:            .2rem !default;
 
-$enable-rounded: true !default;
-$enable-transitions: true !default;
-$enable-gradients: false !default;
+$enable-rounded:            true !default;
+$enable-transitions:        true !default;
+$enable-gradients:          false !default;
 
-$btn-border-width: $input-btn-border-width !default;
+$btn-border-width:            $input-btn-border-width !default;
 $theme-colors: () !default;
-$btn-link-disabled-color: $gray-600 !default;
-$btn-padding-y: $input-btn-padding-y !default;
-$btn-padding-x: $input-btn-padding-x !default;
+$btn-link-disabled-color:     $gray-600 !default;
+$btn-padding-y:               $input-btn-padding-y !default;
+$btn-padding-x:               $input-btn-padding-x !default;
 
-$btn-padding-y-sm: $input-btn-padding-y-sm !default;
-$btn-padding-x-sm: $input-btn-padding-x-sm !default;
-$btn-line-height-sm: $input-btn-line-height-sm !default;
+$btn-padding-y-sm:            $input-btn-padding-y-sm !default;
+$btn-padding-x-sm:            $input-btn-padding-x-sm !default;
+$btn-line-height-sm:          $input-btn-line-height-sm !default;
 
-$btn-padding-y-lg: $input-btn-padding-y-lg !default;
-$btn-padding-x-lg: $input-btn-padding-x-lg !default;
-$btn-line-height-lg: $input-btn-line-height-lg !default;
+$btn-padding-y-lg:            $input-btn-padding-y-lg !default;
+$btn-padding-x-lg:            $input-btn-padding-x-lg !default;
+$btn-line-height-lg:          $input-btn-line-height-lg !default;
 
-$btn-border-radius: $border-radius !default;
-$btn-border-radius-lg: $border-radius-lg !default;
-$btn-border-radius-sm: $border-radius-sm !default;
+$btn-border-radius:           $border-radius !default;
+$btn-border-radius-lg:        $border-radius-lg !default;
+$btn-border-radius-sm:        $border-radius-sm !default;
 
-$input-padding-y-sm: $input-btn-padding-y-sm !default;
-$input-padding-x-sm: $input-btn-padding-x-sm !default;
+$input-padding-y-sm:                    $input-btn-padding-y-sm !default;
+$input-padding-x-sm:                    $input-btn-padding-x-sm !default;
 
-$btn-block-spacing-y: .5rem !default;
+$btn-block-spacing-y:         .5rem !default;
 
-$transition-fade: opacity .15s linear !default;
-$transition-collapse: height .35s ease !default;
+$transition-fade:             opacity .15s linear !default;
+$transition-collapse:         height .35s ease !default;
 
 // Close
 
-$close-font-size: $font-size-base * 1.5 !default;
-$close-font-weight: $font-weight-bold !default;
-$close-color: $black !default;
-$close-text-shadow: 0 1px 0 $white !default;
+$close-font-size:                   $font-size-base * 1.5 !default;
+$close-font-weight:                 $font-weight-bold !default;
+$close-color:                       $black !default;
+$close-text-shadow:                 0 1px 0 $white !default;
 
 // Modal
 
-$zindex-modal-backdrop: 1040 !default;
-$zindex-modal: 1050 !default;
-$modal-inner-padding: 1rem !default;
-$modal-dialog-margin: .5rem !default;
+$zindex-modal-backdrop:             1040 !default;
+$zindex-modal:                      1050 !default;
+$modal-inner-padding:         1rem !default;
+$modal-dialog-margin:         .5rem !default;
 $modal-dialog-margin-y-sm-up: 1.75rem !default;
-$modal-title-line-height: $line-height-base !default;
-$modal-content-bg: $white !default;
-$modal-content-border-color: rgba($black, .2) !default;
-$modal-content-border-width: $border-width !default;
-$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;
+$modal-title-line-height:           $line-height-base !default;
+$modal-content-bg:               $white !default;
+$modal-content-border-color:     rgba($black, .2) !default;
+$modal-content-border-width:     $border-width !default;
+$modal-content-box-shadow-xs:    0 .25rem .5rem rgba($black, .5) !default;
 $modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;
-$modal-backdrop-bg: $black !default;
-$modal-backdrop-opacity: .5 !default;
-$modal-header-border-color: $gray-200 !default;
-$modal-footer-border-color: $modal-header-border-color !default;
-$modal-header-border-width: $modal-content-border-width !default;
-$modal-footer-border-width: $modal-header-border-width !default;
-$modal-header-padding: 1rem !default;
-$modal-lg: 800px !default;
-$modal-md: 500px !default;
-$modal-sm: 300px !default;
-$modal-transition: transform .3s ease-out !default;
+$modal-backdrop-bg:           $black !default;
+$modal-backdrop-opacity:      .5 !default;
+$modal-header-border-color:   $gray-200 !default;
+$modal-footer-border-color:   $modal-header-border-color !default;
+$modal-header-border-width:   $modal-content-border-width !default;
+$modal-footer-border-width:   $modal-header-border-width !default;
+$modal-header-padding:        1rem !default;
+$modal-lg:                          800px !default;
+$modal-md:                          500px !default;
+$modal-sm:                          300px !default;
+$modal-transition:                  transform .3s ease-out !default;
 
 // Popovers
 
-$zindex-popover: 1060 !default;
-$popover-font-size: $font-size-sm !default;
-$popover-bg: $white !default;
-$popover-max-width: 276px !default;
-$popover-border-width: $border-width !default;
-$popover-border-color: rgba($black, .2) !default;
-$popover-border-radius: $border-radius-lg !default;
-$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;
-$popover-header-bg: darken($popover-bg, 3%) !default;
-$popover-header-color: $headings-color !default;
-$popover-header-padding-y: .5rem !default;
-$popover-header-padding-x: .75rem !default;
-$popover-body-color: $body-color !default;
-$popover-body-padding-y: $popover-header-padding-y !default;
-$popover-body-padding-x: $popover-header-padding-x !default;
-$popover-arrow-width: 1rem !default;
-$popover-arrow-height: .5rem !default;
-$popover-arrow-color: $popover-bg !default;
-$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;
-
-
-$border-color: $gray-300 !default;
-
-$zindex-dropdown: 1000 !default;
-$zindex-sticky: 1020 !default;
-$zindex-fixed: 1030 !default;
-$zindex-modal-backdrop: 1040 !default;
-$zindex-modal: 1050 !default;
-$zindex-tooltip: 1070 !default;
-$zindex-share: 1 !default;
+$zindex-popover:                    1060 !default;
+$popover-font-size:                 $font-size-sm !default;
+$popover-bg:                        $white !default;
+$popover-max-width:                 276px !default;
+$popover-border-width:              $border-width !default;
+$popover-border-color:              rgba($black, .2) !default;
+$popover-border-radius:             $border-radius-lg !default;
+$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;
+$popover-header-bg:                 darken($popover-bg, 3%) !default;
+$popover-header-color:              $headings-color !default;
+$popover-header-padding-y:          .5rem !default;
+$popover-header-padding-x:          .75rem !default;
+$popover-body-color:                $body-color !default;
+$popover-body-padding-y:            $popover-header-padding-y !default;
+$popover-body-padding-x:            $popover-header-padding-x !default;
+$popover-arrow-width:               1rem !default;
+$popover-arrow-height:              .5rem !default;
+$popover-arrow-color:               $popover-bg !default;
+$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;
+
+
+$border-color:                $gray-300 !default;
+
+$zindex-dropdown:                   1000 !default;
+$zindex-sticky:                     1020 !default;
+$zindex-fixed:                      1030 !default;
+$zindex-modal-backdrop:             1040 !default;
+$zindex-modal:                      1050 !default;
+$zindex-tooltip:                    1070 !default;
+$zindex-share:                      1 !default;
 
 // This variable affects the `.h-*` and `.w-*` classes.
 $sizes: () !default;
@@ -385,9 +382,9 @@ $spacers: () !default;
 $spacers: map-merge((0: 0, 1: ($spacer * .25), 2: ($spacer * .5), 3: $spacer, 4: ($spacer * 1.5), 5: ($spacer * 3)), $spacers);
 
 // Bootstrap Printing checked
-$print-page-size: a3 !default;
-$print-body-min-width: map-get($grid-breakpoints, 'lg') !default;
-$enable-print-styles: true !default;
+$print-page-size:                   a3 !default;
+$print-body-min-width:              map-get($grid-breakpoints, 'lg') !default;
+$enable-print-styles:       true !default;
 
 
 //account-families

package/src/scss/helpers/helpers-pdp-critical/_elements-critical-pdp.scss

@@ -223,7 +223,6 @@
     }
   }
 }
-
 @mixin radiobutton {
   @include radiocheckbox-base;
 

package/src/scss/helpers/helpers-pdp-critical/_helpers-critical-pdp.scss

@@ -18,7 +18,6 @@
     $prev-num: $num;
   }
 }
-
 @mixin _assert-starts-at-zero($map) {
   $values: map-values($map);
   $first-value: nth($values, 1);
@@ -70,7 +69,6 @@
 
   @return mix($color-base, $color, $level * $theme-color-interval);
 }
-
 //functions import
 
 //mixins import
@@ -92,7 +90,6 @@
 @function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {
   @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
 }
-
 // sass-lint:enable-all
 
 @mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
@@ -154,5 +151,4 @@
     }
   }
 }
-
 //mixins import

package/src/scss/libs/_bootstrap-extracted.scss

@@ -31,7 +31,7 @@
     &::after {
       position: absolute;
       display: block;
-      content: '';
+      content: "";
       border-color: transparent;
       border-style: solid;
     }
@@ -68,7 +68,7 @@
     display: block;
     width: $popover-arrow-width;
     margin-left: ($popover-arrow-width / -2);
-    content: '';
+    content: "";
     border-bottom: $popover-border-width solid $popover-header-bg;
   }
 }
@@ -92,7 +92,6 @@
   padding: $popover-body-padding-y $popover-body-padding-x;
   color: $popover-body-color;
 }
-
 //popover end
 
 // Type Headings start
@@ -105,28 +104,11 @@ h1, h2, h3, h4, h5, h6,
   color: $headings-color;
 }
 
-h1, .h1 {
-  font-size: $h1-font-size;
-}
-
-h2, .h2 {
-  font-size: $h2-font-size;
-}
-
-h3, .h3 {
-  font-size: $h3-font-size;
-}
-
-h4, .h4 {
-  font-size: $h4-font-size;
-}
-
-h5, .h5 {
-  font-size: $h5-font-size;
-}
-
-h6, .h6 {
-  font-size: $h6-font-size;
-}
+h1, .h1 { font-size: $h1-font-size; }
+h2, .h2 { font-size: $h2-font-size; }
+h3, .h3 { font-size: $h3-font-size; }
+h4, .h4 { font-size: $h4-font-size; }
+h5, .h5 { font-size: $h5-font-size; }
+h6, .h6 { font-size: $h6-font-size; }
 
 //Type Headings end

package/src/scss/libs/_cat-libs.scss

@@ -1,10 +1,10 @@
-@import 'bootstrap/scss/functions';
-@import 'bootstrap/scss/mixins';
-@import 'bootstrap/scss/reboot';
-@import 'bootstrap/scss/grid';
-@import 'bootstrap/scss/buttons';
-@import 'bootstrap/scss/transitions';
-@import 'bootstrap/scss/utilities';
-@import 'bootstrap/scss/print';
-@import 'bootstrap-extracted';
-@import 'skeleton';
+@import "bootstrap/scss/functions";
+@import "bootstrap/scss/mixins";
+@import "bootstrap/scss/reboot";
+@import "bootstrap/scss/grid";
+@import "bootstrap/scss/buttons";
+@import "bootstrap/scss/transitions";
+@import "bootstrap/scss/utilities";
+@import "bootstrap/scss/print";
+@import "bootstrap-extracted";
+@import 'skeleton';

package/src/scss/libs/_font-awesome-icons.scss

@@ -329,7 +329,6 @@ svg:not(:root).svg-inline--fa {
     -webkit-transform: rotate(0);
     transform: rotate(0)
   }
-
   100% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg)
@@ -341,7 +340,6 @@ svg:not(:root).svg-inline--fa {
     -webkit-transform: rotate(0);
     transform: rotate(0)
   }
-
   100% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg)

package/src/scss/libs/_homepage-libs.scss

@@ -1,12 +1,12 @@
-@import 'bootstrap/scss/functions';
-@import 'bootstrap/scss/mixins';
-@import 'bootstrap/scss/reboot';
-@import 'bootstrap/scss/grid';
-@import 'bootstrap/scss/buttons';
-@import 'bootstrap/scss/transitions';
-@import 'bootstrap/scss/close';
-@import 'bootstrap/scss/modal';
-@import 'bootstrap/scss/utilities';
-@import 'bootstrap/scss/print';
-@import 'bootstrap-extracted';
-@import 'skeleton';
+@import "bootstrap/scss/functions";
+@import "bootstrap/scss/mixins";
+@import "bootstrap/scss/reboot";
+@import "bootstrap/scss/grid";
+@import "bootstrap/scss/buttons";
+@import "bootstrap/scss/transitions";
+@import "bootstrap/scss/close";
+@import "bootstrap/scss/modal";
+@import "bootstrap/scss/utilities";
+@import "bootstrap/scss/print";
+@import "bootstrap-extracted";
+@import 'skeleton';

package/src/scss/libs/_plp-libs.scss

@@ -1,14 +1,14 @@
-@import 'bootstrap/scss/functions';
-@import 'bootstrap/scss/variables';
-@import 'bootstrap/scss/mixins';
-@import 'bootstrap/scss/reboot';
-@import 'bootstrap/scss/tooltip';
-@import 'bootstrap/scss/grid';
-@import 'bootstrap/scss/buttons';
-@import 'bootstrap/scss/transitions';
-@import 'bootstrap/scss/utilities';
-@import 'bootstrap/scss/print';
-@import 'bootstrap-extracted';
+@import "bootstrap/scss/functions";
+@import "bootstrap/scss/variables";
+@import "bootstrap/scss/mixins";
+@import "bootstrap/scss/reboot";
+@import "bootstrap/scss/tooltip";
+@import "bootstrap/scss/grid";
+@import "bootstrap/scss/buttons";
+@import "bootstrap/scss/transitions";
+@import "bootstrap/scss/utilities";
+@import "bootstrap/scss/print";
+@import "bootstrap-extracted";
 
 @import 'swiper';
 @import 'simplebar';

package/src/scss/libs/_skeleton.scss

@@ -1,15 +1,15 @@
-$skeleton-element-color: #eee;
+$skeleton-element-color: #eeeeee;
 $skeleton-animation-color: #f8f8f8;
 $skeleton-line-border-radius: 10px;
 
-@import 'skeleton-screen-css/dist/index.css';
+@import "skeleton-screen-css/dist/index.css";
 
 .ssc-circle,
 .ssc-hr,
 .ssc-line,
 .ssc-head-line,
 .ssc-square {
-  &:after {
-    background: linear-gradient(90deg, transparent, $skeleton-animation-color, transparent);
-  }
+    &:after {
+        background: linear-gradient(90deg, transparent, $skeleton-animation-color, transparent);
+    }
 }

package/src/scss/libs/_store-locator-libs.scss

@@ -8,4 +8,4 @@
 @import 'bootstrap/scss/reboot';
 @import 'bootstrap/scss/transitions';
 @import 'bootstrap/scss/popover';
-@import 'skeleton';
+@import 'skeleton';

package/src/scss/libs/flatpickr.scss

@@ -59,7 +59,7 @@
   .flatpickr {
     &-input {
       padding: 0;
-      border: 0;
+      border: none;
       font-size: 1rem;
       font-weight: 400;
       line-height: 1.5rem;
@@ -81,7 +81,7 @@
           margin-top: 4px;
           padding: 16px;
           border-radius: 3px;
-          box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
+          box-shadow: 0 0 15px 0 rgba(0, 0, 0, .20);
         }
       }
     }
@@ -129,7 +129,7 @@
         pointer-events: none;
 
         &:hover {
-          border: 0;
+          border: none;
         }
       }
 
@@ -150,7 +150,7 @@
 
       input.cur-year {
         padding-left: 0;
-        font-size: .875rem;
+        font-size: 0.875rem;
         font-weight: 500;
         line-height: 1.375rem;
         text-align: center;