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

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,10 +60,7 @@ $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));
@@ -76,12 +73,15 @@ $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,20 +123,25 @@ $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;
           }
@@ -149,14 +154,17 @@ $dataShowBorder: "[data-sw-br='true']";
 
           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)});
+          }
+
           font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-vw-kt-se-dt-se-ft-se));
 
           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));
 
@@ -164,10 +172,8 @@ $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));
 
@@ -177,6 +183,7 @@ $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));
@@ -188,6 +195,7 @@ $dataShowBorder: "[data-sw-br='true']";
             }
           }
         }
+
         [data-element-style="Text"] {
           display: inline-block;
           width: 100%;
@@ -233,6 +241,7 @@ $kit-spv: #{prepareMediaVariable(--_ctm-lt-ss-pr-vw, 3)};
 $kit-cols: #{prepareMediaVariable(--_ctm-lt-gd-cs, 2)};
 
 .kit__v2 {
+
   // embla viewport
   &.embla {
     overflow: hidden;
@@ -298,4 +307,4 @@ $kit-cols: #{prepareMediaVariable(--_ctm-lt-gd-cs, 2)};
     grid-template-columns: repeat(#{$kit-cols}, minmax(0, 1fr));
     gap: $grid-gap;
   }
-}
+}