wickes-css2 2.103.0-IC-976-pre-commit-lint.2 → 2.103.0-IC-976-pre-commit-lint.4

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
+$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,9 +39,12 @@ $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;
@@ -195,49 +198,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;
@@ -249,122 +252,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;
@@ -382,9 +385,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,6 +223,7 @@
     }
   }
 }
+
 @mixin radiobutton {
   @include radiocheckbox-base;
 

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

@@ -18,6 +18,7 @@
     $prev-num: $num;
   }
 }
+
 @mixin _assert-starts-at-zero($map) {
   $values: map-values($map);
   $first-value: nth($values, 1);
@@ -69,6 +70,7 @@
 
   @return mix($color-base, $color, $level * $theme-color-interval);
 }
+
 //functions import
 
 //mixins import
@@ -90,6 +92,7 @@
 @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) {
@@ -151,4 +154,5 @@
     }
   }
 }
+
 //mixins import

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

@@ -92,6 +92,7 @@
   padding: $popover-body-padding-y $popover-body-padding-x;
   color: $popover-body-color;
 }
+
 //popover end
 
 // Type Headings start
@@ -104,11 +105,28 @@ 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/_skeleton.scss

@@ -9,7 +9,7 @@ $skeleton-line-border-radius: 10px;
 .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/simplebar.css

@@ -28,14 +28,14 @@
     min-width: 100% !important;
     max-height: inherit !important;
     -webkit-box-sizing: content-box !important;
-            box-sizing: content-box !important;
+    box-sizing: content-box !important;
 }
 
 .simplebar-content {
     overflow-y: hidden !important;
     overflow-x: scroll;
     -webkit-box-sizing: border-box !important;
-            box-sizing: border-box !important;
+    box-sizing: border-box !important;
     min-height: 100% !important;
 }
 
@@ -67,7 +67,7 @@
 }
 
 .simplebar-scrollbar:hover:before,
-.simplebar-scrollbar:active:before  {
+.simplebar-scrollbar:active:before {
     background-color: #8b8b8b;
 }