npm - wickes-css2 - Versions diffs - 2.112.0-develop.1 → 2.112.0-es-3143-upgrade-node-version.1 - Mend

@@ -1,3 +1,5 @@
+@use 'sass:math';
 @import '../helpers/variables';
 //popover start
@@ -31,7 +33,7 @@
     &::after {
       position: absolute;
       display: block;
-      content: "";
+      content: '';
       border-color: transparent;
       border-style: solid;
     }
@@ -47,7 +49,7 @@
   .arrow::before,
   .arrow::after {
-    border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height;
+    border-width: 0 math.div($popover-arrow-width, 2) $popover-arrow-height;
   }
   .arrow::before {
@@ -67,8 +69,8 @@
     left: 50%;
     display: block;
     width: $popover-arrow-width;
-    margin-left: ($popover-arrow-width / -2);
-    content: "";
+    margin-left: math.div($popover-arrow-width, -2);
+    content: '';
     border-bottom: $popover-border-width solid $popover-header-bg;
   }
 }
@@ -95,8 +97,18 @@
 //popover end
 // Type Headings start
-h1, h2, h3, h4, h5, h6,
-.h1, .h2, .h3, .h4, .h5, .h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
   margin-bottom: $headings-margin-bottom;
   font-family: $headings-font-family;
   font-weight: $headings-font-weight;
@@ -104,11 +116,29 @@ 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

@@ -73,7 +73,6 @@
   }
   .pdp-price-sale__value {
     .pdp-price__sqm {
       color: $red;
     }
@@ -90,14 +89,12 @@
   }
   .pdp-price__terms {
     & a:hover {
       color: $gray-dark;
     }
   }
   .pdp-price__control-installation {
     & > .btn-secondary {
       &:focus {
         background-color: $white;

@@ -153,14 +153,14 @@
     }
     &__reason {
-      font-size: .875rem;
+      font-size: 0.875rem;
       line-height: 1.375rem;
       font-weight: 700;
       margin-bottom: 0;
     }
     &__day {
-      font-size: .75rem;
+      font-size: 0.75rem;
       font-weight: 400;
       line-height: 1rem;
     }

@@ -5,7 +5,7 @@
   .strip-sticker {
     padding: 4px 12px;
-    font-size: .875rem;
+    font-size: 0.875rem;
     font-weight: 500;
     white-space: nowrap;
     overflow: hidden;

@@ -52,7 +52,6 @@
     color: $warm-grey;
     opacity: 1;
   }
 }
 @mixin dropdown {

@@ -61,8 +61,8 @@
 @mixin footer-link {
   text-decoration: none;
-  font-size: .875rem;
-  letter-spacing: .13px;
+  font-size: 0.875rem;
+  letter-spacing: 0.13px;
   text-transform: capitalize;
   color: $blue-dark;
 }
@@ -141,11 +141,11 @@
 }
 @mixin font-size($font-size-px) {
-  font-size: #{$font-size-px / 16}rem;
+  font-size: #{$font-size-px * 0.0625}rem;
 }
 @mixin line-height($line-height-px) {
-  line-height: #{$line-height-px / 16}rem;
+  line-height: #{$line-height-px * 0.0625}rem;
 }
 @mixin multiline-ellipsis($line-count: 1) {
@@ -162,5 +162,5 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: #{$font-size-px / 16}rem;
+  font-size: #{$font-size-px * 0.0625}rem;
 }

@@ -63,8 +63,8 @@
 }
 @mixin info-text {
-  font-size: .75rem;
-  line-height: .875rem;
+  font-size: 0.75rem;
+  line-height: 0.875rem;
 }
 @mixin primary-text {
@@ -78,6 +78,6 @@
 }
 @mixin additional-text {
-  font-size: .75rem;
+  font-size: 0.75rem;
   line-height: 1rem;
 }

@@ -7,7 +7,6 @@
 }
 .prewrap-btn {
   .btn {
     white-space: pre-wrap;
   }

@@ -10,7 +10,7 @@ $red: #cf000f;
 $green: #67a509;
 $gray-dim: #656565;
 $gray-matt: #515151;
-$black-transparent20: rgba(0, 0, 0, .2);
+$black-transparent20: rgba(0, 0, 0, 0.2);
 @mixin link-primary {
   color: $gray-dark;

@@ -84,7 +84,7 @@
 @function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
   $next: breakpoint-next($name, $breakpoints);
-  @return if($next, breakpoint-min($next, $breakpoints) - .02px, null);
+  @return if($next, breakpoint-min($next, $breakpoints) - 0.02px, null);
 }
 @function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {

@@ -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';

wickes-css2 2.112.0-develop.1 → 2.112.0-es-3143-upgrade-node-version.1