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

package/dist/section.scss

@@ -15,15 +15,22 @@ $tb: "tb_d_none";
 $mb: "mb_d_none";
 
 $rp: (
-  class: (#{$tb}: (laptop: (display: "none !important",
+  class: (
+    #{$tb}: (
+        laptop: (
+          display: "none !important",
+        ),
       ),
-    ),
-    #{$dp}: (desktop: (display: "none !important",
+    #{$dp}: (
+        desktop: (
+          display: "none !important",
+        ),
       ),
-    ),
-    #{$mb}: (mobile: (display: "none !important",
+    #{$mb}: (
+        mobile: (
+          display: "none !important",
+        ),
       ),
-    ),
   ),
 );
 
@@ -87,12 +94,19 @@ section {
     justify-self: stretch;
     align-self: stretch;
     justify-content: center;
-    --_sf-element-vt-pd: max(0.5px,
-        0.00625 * (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width)));
-    --_sf-element-hr-pd: max(0.5px,
-        0.0117188 * (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width)));
-    box-shadow: var(--_hide-section-shadow,
-        prepareMediaVariable(--_ctm-sec-dn-sw-ae) prepareMediaVariable(--_ctm-sec-dn-sw-br) prepareMediaVariable(--_ctm-sec-dn-sw-sd) prepareMediaVariable(--_ctm-sec-dn-sw-cr));
+    --_sf-element-vt-pd: max(
+      0.5px,
+      0.00625 * (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
+    );
+    --_sf-element-hr-pd: max(
+      0.5px,
+      0.0117188 * (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
+    );
+    box-shadow: var(
+      --_hide-section-shadow,
+      prepareMediaVariable(--_ctm-sec-dn-sw-ae) prepareMediaVariable(--_ctm-sec-dn-sw-br)
+        prepareMediaVariable(--_ctm-sec-dn-sw-sd) prepareMediaVariable(--_ctm-sec-dn-sw-cr)
+    );
     border-radius: prepareMediaVariable(--_ctm-sec-dn-br-rs) !important;
 
     &[data-background-type="color"] {
@@ -102,21 +116,29 @@ section {
     &[data-background-type="gradient"] {
       --_sf-sec-gradient-angle: calc(#{prepareMediaVariable(--_ctm-sec-dn-gt-ae, 90)} * 1deg);
       --_sf-sec-gradient-start-color: #{prepareMediaVariable(--_ctm-sec-dn-gt-st-cr, transparent)};
-      --_sf-sec-gradient-start-position: calc(#{prepareMediaVariable(--_ctm-sec-dn-gt-st-pn, 0)} * 1%);
+      --_sf-sec-gradient-start-position: calc(
+        #{prepareMediaVariable(--_ctm-sec-dn-gt-st-pn, 0)} * 1%
+      );
       --_sf-sec-gradient-end-color: #{prepareMediaVariable(--_ctm-sec-dn-gt-ed-cr, transparent)};
-      --_sf-sec-gradient-end-position: calc(#{prepareMediaVariable(--_ctm-sec-dn-gt-ed-pn, 100)} * 1%);
+      --_sf-sec-gradient-end-position: calc(
+        #{prepareMediaVariable(--_ctm-sec-dn-gt-ed-pn, 100)} * 1%
+      );
       --_sf-sec-gradient-position: #{prepareMediaVariable(--_ctm-sec-dn-gt-pn, center)};
 
       &[data-gradient-type="Linear Gradient"] {
-        background-image: linear-gradient(var(--_sf-sec-gradient-angle),
-            var(--_sf-sec-gradient-start-color) var(--_sf-sec-gradient-start-position),
-            var(--_sf-sec-gradient-end-color) var(--_sf-sec-gradient-end-position));
+        background-image: linear-gradient(
+          var(--_sf-sec-gradient-angle),
+          var(--_sf-sec-gradient-start-color) var(--_sf-sec-gradient-start-position),
+          var(--_sf-sec-gradient-end-color) var(--_sf-sec-gradient-end-position)
+        );
       }
 
       &[data-gradient-type="Radial Gradient"] {
-        background-image: radial-gradient(circle at var(--_sf-sec-gradient-position),
-            var(--_sf-sec-gradient-start-color) var(--_sf-sec-gradient-start-position),
-            var(--_sf-sec-gradient-end-color) var(--_sf-sec-gradient-end-position));
+        background-image: radial-gradient(
+          circle at var(--_sf-sec-gradient-position),
+          var(--_sf-sec-gradient-start-color) var(--_sf-sec-gradient-start-position),
+          var(--_sf-sec-gradient-end-color) var(--_sf-sec-gradient-end-position)
+        );
       }
     }
 
@@ -141,7 +163,7 @@ section {
       display: var(--_d-flex) !important;
     }
 
-    &>div {
+    & > div {
       &[data-type="wrapper-layer"] {
         display: var(--_d-flex) !important;
         pointer-events: none;
@@ -160,8 +182,10 @@ section {
 
       &[data-div-type="cms-section-wrapper"] {
         // max-width: var(--_sf-wp-mx-wt);
-        max-width: var(--_sf-dt-sec-mw,
-            min(100%, prepareMediaVariable(--_ctm-sec-lt-wh))) !important;
+        max-width: var(
+          --_sf-dt-sec-mw,
+          min(100%, prepareMediaVariable(--_ctm-sec-lt-wh))
+        ) !important;
         // min-height: prepareMediaVariable(--_ctm-sec-lt-mn-ht);
         margin-inline: auto;
         position: var(--_p-relative);
@@ -183,7 +207,7 @@ section {
 div[data-div-type="element"] {
   position: var(--_p-relative);
 
-  &>.wrapper {
+  & > .wrapper {
     grid-area: 1/1/2/2 !important;
 
     a {
@@ -211,7 +235,7 @@ div[data-div-type="element"] {
     }
 
     &:is(#{$activeElementSelector}) {
-      &>div {
+      & > div {
         &[data-div-type="wrapper__layer"] {
           --_sf-vt-zz: visible;
           --_sf-op-zz: 1;
@@ -219,7 +243,7 @@ div[data-div-type="element"] {
       }
     }
 
-    &>.wrapper {
+    & > .wrapper {
       height: 100%;
       width: 100%;
     }
@@ -249,4 +273,4 @@ div[data-div-type="element"] {
   //     );
   //   }
   // }
-}
+}