@sc-360-v2/storefront-cms-library 0.5.60 → 0.5.61

package/dist/kits.scss

@@ -17,29 +17,29 @@ $dataShowBorder: "[data-sw-br='true']";
     --_sf-ed-vl-sz: #{prepareMediaVariable(--_ctm-lt-dt-se, 10px)};
     --_sf-sl-ct-ic-dt-at-cl: #{prepareMediaVariable(--_ctm-lt-cl-ae-cr)};
 
-    &>.wrapper {
+    & > .wrapper {
       min-height: prepareMediaVariable(--_ctm-lt-mn-ht, 0px);
       background-color: prepareMediaVariable(--_ctm-dn-wt-se-bd-cr);
       border-radius: prepareMediaVariable(--_ctm-dn-wt-se-br-rs);
-
       &#{$dataShowBorder} {
         border-color: prepareMediaVariable(--_ctm-dn-wt-se-br-cr);
         border-style: prepareMediaVariable(--_ctm-dn-wt-se-br-se);
         border-width: prepareMediaVariable(--_ctm-dn-wt-se-br-wh);
       }
-
       &#{$dataShowShadow} {
-        box-shadow: #{prepareMediaVariable(--_ctm-dn-wt-se-sw-ae)} #{prepareMediaVariable(--_ctm-dn-wt-se-sw-br)} #{prepareMediaVariable(--_ctm-dn-wt-se-sw-sd)} #{prepareMediaVariable(--_ctm-dn-wt-se-sw-cr)};
+        box-shadow: #{prepareMediaVariable(--_ctm-dn-wt-se-sw-ae)}
+          #{prepareMediaVariable(--_ctm-dn-wt-se-sw-br)}
+          #{prepareMediaVariable(--_ctm-dn-wt-se-sw-sd)}
+          #{prepareMediaVariable(--_ctm-dn-wt-se-sw-cr)};
       }
 
       padding: prepareMediaVariable(--_ctm-lt-pg);
 
       @for $i from 1 through 3 {
         &:is([data-control-type="#{$i}"]) {
-          @if ($i ==3) {
+          @if ($i == 3) {
             overflow-y: visible;
           }
-
           @include CMSRepeaterEmblaControlStyles($i);
         }
       }
@@ -60,7 +60,10 @@ $dataShowBorder: "[data-sw-br='true']";
 
         border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-br-rs));
 
-        box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-sw-ae)) var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-sw-br)) var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-sw-sd)) var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-sw-cr));
+        box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-sw-ae))
+          var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-sw-br))
+          var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-sw-sd))
+          var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-sw-cr));
 
         &[data-show-border="true"] {
           border-color: var(--_sf-hr-br-cr, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-br-cr));
@@ -73,15 +76,12 @@ $dataShowBorder: "[data-sw-br='true']";
         &[data-show-shadow="false"] {
           --_show-shadow: none;
         }
-
         &[data-icon-position="left"] {
           --_sf-fd-bn: row;
         }
-
         &[data-icon-position="right"] {
           --_sf-fd-bn: row-reverse;
         }
-
         &[data-icon-position="center"] {
           --_sf-fd-bn: row;
         }
@@ -123,25 +123,20 @@ $dataShowBorder: "[data-sw-br='true']";
           &[data-hover-show-shadow="false"] {
             --_hover-show-shadow: none;
           }
-
           &[data-hover-show-icon="false"] {
             --_hover-show-icon: none;
           }
         }
-
         &[data-show-icon="false"] {
           --_show-icon: none;
         }
-
         &[data-element-style="Icon"] {
           &[data-icon-position="left"] {
             --_sf-jc: start;
           }
-
           &[data-icon-position="right"] {
             --_sf-jc: end;
           }
-
           &[data-icon-position="center"] {
             --_sf-jc: center;
           }
@@ -153,7 +148,6 @@ $dataShowBorder: "[data-sw-br='true']";
           color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-cr));
 
           font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-ft-fy));
-
           &.flex__overflow {
             white-space: normal;
             @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
@@ -163,8 +157,10 @@ $dataShowBorder: "[data-sw-br='true']";
 
           font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-ft-wt));
 
-          font-style: var(--_sf-hr-ft-se-ic,
-            prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-ft-se-ic));
+          font-style: var(
+            --_sf-hr-ft-se-ic,
+            prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-ft-se-ic)
+          );
 
           text-align: var(--_sf-hr-tt-an, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-tt-an));
 
@@ -172,8 +168,10 @@ $dataShowBorder: "[data-sw-br='true']";
 
           line-height: var(--_sf-hr-le-ht, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-le-ht));
 
-          text-transform: var(--_sf-hr-txt-tr,
-            prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-tt-tm, normal));
+          text-transform: var(
+            --_sf-hr-txt-tr,
+            prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-tt-tm, normal)
+          );
           word-break: var(--_sf-hr-txt-wd-bk, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-wd-bk));
           word-wrap: var(--_sf-hr-txt-wd-bk, prepareMediaVariable(--_ctm-dn-tt-dt-se-wd-wp));
 
@@ -183,7 +181,6 @@ $dataShowBorder: "[data-sw-br='true']";
 
         .icon {
           display: var(--_hover-show-icon, var(--_show-icon, flex));
-
           svg {
             width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-in-se));
             height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-in-se));
@@ -195,7 +192,6 @@ $dataShowBorder: "[data-sw-br='true']";
             }
           }
         }
-
         [data-element-style="Text"] {
           display: inline-block;
           width: 100%;
@@ -241,7 +237,6 @@ $kit-spv: #{prepareMediaVariable(--_ctm-lt-ss-pr-vw, 3)};
 $kit-cols: #{prepareMediaVariable(--_ctm-lt-gd-cs, 2)};
 
 .kit__v2 {
-
   // embla viewport
   &.embla {
     overflow: hidden;
@@ -307,4 +302,4 @@ $kit-cols: #{prepareMediaVariable(--_ctm-lt-gd-cs, 2)};
     grid-template-columns: repeat(#{$kit-cols}, minmax(0, 1fr));
     gap: $grid-gap;
   }
-}
+}