@sc-360-v2/storefront-cms-library 0.5.31 → 0.5.33

package/dist/icon-library.scss

@@ -1,74 +1,74 @@
-@use "sass:map";
-@use "sass:list";
-
-$resizerId: "[data-cms-tool='cms-element-resizer']";
-$resizeActive: '[data-cms-element-resizer="true"]';
-
-[data-div-type="element"] {
-  &[data-element-type="iconLibrary"] {
-    width: var(
-      --_sf-el-wh-st-mx,
-      calc(
-        1% *
-          var(
-            --_ctm-mob-ele-nw-wh-vl,
-            var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh)))
-          )
-      )
-    );
-    margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
-    // height: var(--_ctm-lt-ht, --_tst-lt-ht);
-
-    & > .wrapper {
-      width: 100%;
-      height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) !important;
-    }
-    &[data-widget-border="true"] .icon__container {
-      border-color: var(--_ctm-mob-dn-br-cr, var(--_ctm-tab-dn-br-cr, var(--_ctm-dn-br-cr)));
-      border-style: var(--_ctm-mob-dn-br-se, var(--_ctm-tab-dn-br-se, var(--_ctm-dn-br-se)));
-      border-width: var(--_ctm-mob-dn-br-wh, var(--_ctm-tab-dn-br-wh, var(--_ctm-dn-br-wh)));
-    }
-
-    &[data-widget-shadow="true"] .icon__container {
-      box-shadow: var(--_ctm-mob-dn-sw-ae, var(--_ctm-tab-dn-sw-ae, var(--_ctm-dn-sw-ae)))
-        var(--_ctm-mob-dn-sw-br, var(--_ctm-tab-dn-sw-br, var(--_ctm-dn-sw-br)))
-        var(--_ctm-mob-dn-sw-sd, var(--_ctm-tab-dn-sw-sd, var(--_ctm-dn-sw-sd)))
-        var(--_ctm-mob-dn-sw-cr, var(--_ctm-tab-dn-sw-cr, var(--_ctm-dn-sw-cr)));
-    }
-
-    &[data-widget-shadow="false"] .icon__container {
-      box-shadow: none;
-    }
-
-    .icon__container {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      width: 100%;
-      height: 100%;
-      padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
-      background-color: var(--_ctm-mob-dn-bd-cr, var(--_ctm-tab-dn-bd-cr, var(--_ctm-dn-bd-cr)));
-      border-radius: var(--_ctm-mob-dn-br-rs, var(--_ctm-tab-dn-br-rs, var(--_ctm-dn-br-rs)));
-
-      .icon {
-        display: inline-flex;
-        justify-content: center;
-        align-items: center;
-
-        width: var(--_ctm-mob-dn-in-se, var(--_ctm-tab-dn-in-se, var(--_ctm-dn-in-se)));
-        height: var(--_ctm-mob-dn-in-se, var(--_ctm-tab-dn-in-se, var(--_ctm-dn-in-se)));
-
-        svg {
-          width: 100%;
-          height: 100%;
-          path {
-            stroke: var(
-              --_ctm-mob-dn-in-c1,
-              var(--_ctm-tab-dn-in-c1, var(--_ctm-dn-in-c1))
-            ) !important;
-          }
-        }
-      }
-    }
-  }
-}
+@use "sass:map";
+@use "sass:list";
+
+$resizerId: "[data-cms-tool='cms-element-resizer']";
+$resizeActive: '[data-cms-element-resizer="true"]';
+
+[data-div-type="element"] {
+  &[data-element-type="iconLibrary"] {
+    width: var(
+      --_sf-el-wh-st-mx,
+      calc(
+        1% *
+          var(
+            --_ctm-mob-ele-nw-wh-vl,
+            var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh)))
+          )
+      )
+    );
+    margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
+    // height: var(--_ctm-lt-ht, --_tst-lt-ht);
+
+    & > .wrapper {
+      width: 100%;
+      height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) !important;
+    }
+    &[data-widget-border="true"] .icon__container {
+      border-color: var(--_ctm-mob-dn-br-cr, var(--_ctm-tab-dn-br-cr, var(--_ctm-dn-br-cr)));
+      border-style: var(--_ctm-mob-dn-br-se, var(--_ctm-tab-dn-br-se, var(--_ctm-dn-br-se)));
+      border-width: var(--_ctm-mob-dn-br-wh, var(--_ctm-tab-dn-br-wh, var(--_ctm-dn-br-wh)));
+    }
+
+    &[data-widget-shadow="true"] .icon__container {
+      box-shadow: var(--_ctm-mob-dn-sw-ae, var(--_ctm-tab-dn-sw-ae, var(--_ctm-dn-sw-ae)))
+        var(--_ctm-mob-dn-sw-br, var(--_ctm-tab-dn-sw-br, var(--_ctm-dn-sw-br)))
+        var(--_ctm-mob-dn-sw-sd, var(--_ctm-tab-dn-sw-sd, var(--_ctm-dn-sw-sd)))
+        var(--_ctm-mob-dn-sw-cr, var(--_ctm-tab-dn-sw-cr, var(--_ctm-dn-sw-cr)));
+    }
+
+    &[data-widget-shadow="false"] .icon__container {
+      box-shadow: none;
+    }
+
+    .icon__container {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 100%;
+      height: 100%;
+      padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
+      background-color: var(--_ctm-mob-dn-bd-cr, var(--_ctm-tab-dn-bd-cr, var(--_ctm-dn-bd-cr)));
+      border-radius: var(--_ctm-mob-dn-br-rs, var(--_ctm-tab-dn-br-rs, var(--_ctm-dn-br-rs)));
+
+      .icon {
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+
+        width: var(--_ctm-mob-dn-in-se, var(--_ctm-tab-dn-in-se, var(--_ctm-dn-in-se)));
+        height: var(--_ctm-mob-dn-in-se, var(--_ctm-tab-dn-in-se, var(--_ctm-dn-in-se)));
+
+        svg {
+          width: 100%;
+          height: 100%;
+          path {
+            stroke: var(
+              --_ctm-mob-dn-in-c1,
+              var(--_ctm-tab-dn-in-c1, var(--_ctm-dn-in-c1))
+            ) !important;
+          }
+        }
+      }
+    }
+  }
+}

package/dist/icon-list.scss

@@ -164,6 +164,8 @@ $pos2: (
           --_txt-ht-ls: #{prepareMediaVariable(--_ctm-dn-tt-hr-se-lr-sg)};
           --_txt-ht-lt: #{prepareMediaVariable(--_ctm-dn-tt-hr-se-le-ht)};
           --_txt-ht-tt-tm: #{prepareMediaVariable(--_ctm-dn-tt-hr-se-tt-tm)};
+          --_txt-ht-wd-wp: #{prepareMediaVariable(--_ctm-dn-tt-hr-se-wd-wp)};
+          --_txt-ht-wd-bk: #{prepareMediaVariable(--_ctm-dn-tt-hr-se-wd-bk)};
         }
 
         & > span {
@@ -253,6 +255,8 @@ $pos2: (
                   --_txt-ht-tt-tm,
                   prepareMediaVariable(--_ctm-dn-tt-dt-se-tt-tm)
                 );
+                word-wrap: var(--_txt-ht-wd-wp, prepareMediaVariable(--_ctm-dn-tt-dt-se-wd-wp));
+                word-break: var(--_txt-ht-wd-bk, prepareMediaVariable(--_ctm-dn-tt-dt-se-wd-bk));
               }
             }
 
@@ -268,6 +272,9 @@ $pos2: (
                 text-align: #{prepareMediaVariable(--_ctm-dn-dn-tt-an)};
                 letter-spacing: #{prepareMediaVariable(--_ctm-dn-dn-lr-sg)};
                 line-height: #{prepareMediaVariable(--_ctm-dn-dn-le-ht)};
+                text-transform: #{prepareMediaVariable(--_ctm-dn-dn-tt-tm)};
+                word-wrap: #{prepareMediaVariable(--_ctm-dn-dn-wd-wp)};
+                word-break: #{prepareMediaVariable(--_ctm-dn-dn-wd-bk)};
               }
             }
             a {

package/dist/image-for-product.scss

@@ -1,21 +1,21 @@
-.product_img {
-  // background-color: var(--_base-white);
-  border-radius: 6px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  // border: 1px solid var(--_gray-200);
-  overflow: hidden;
-  img {
-    max-height: 100%;
-    object-fit: contain;
-    // padding: 4px;
-  }
-  .no_image {
-    padding: 16px;
-    svg {
-      width: 100%;
-      height: 100%;
-    }
-  }
-}
+.product_img {
+  // background-color: var(--_base-white);
+  border-radius: 6px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  // border: 1px solid var(--_gray-200);
+  overflow: hidden;
+  img {
+    max-height: 100%;
+    object-fit: contain;
+    // padding: 4px;
+  }
+  .no_image {
+    padding: 16px;
+    svg {
+      width: 100%;
+      height: 100%;
+    }
+  }
+}

package/dist/lightbox.scss

@@ -1,78 +1,78 @@
-@use "sass:map";
-@use "sass:list";
-
-[data-div-type="element"] {
-  &[data-element-type="lightbox"] {
-    width: var(
-      --_ctm-mob-el-wh-st-mx,
-      var(
-        --_ctm-tab-el-wh-st-mx,
-        var(
-          --_ctm-el-wh-st-mx,
-          calc(
-            1% *
-              var(
-                --_ctm-mob-ele-nw-wh-vl,
-                var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh)))
-              )
-          )
-        )
-      )
-    );
-    margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
-
-    aspect-ratio: 1 / var(--_sf-aspect-ratio);
-
-    & > .wrapper {
-      width: 100%;
-      height: 100%;
-    }
-    &[data-show-shadow="false"] {
-      --_show-shadow: none;
-    }
-    .modal__content__container {
-      display: flex;
-      width: 100%;
-      height: 100%;
-      .content__left {
-        background-image: url("https://res.cloudinary.com/dg78ao4vi/image/upload/v1733726837/unsplash_bBiuSdck8tU_ssntkv.png");
-        background-size: cover;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: start;
-        gap: 10px;
-        color: white;
-        width: 60%;
-        padding: 20px 40px;
-        p {
-          font-size: 20px;
-          color: white;
-          font-weight: 200;
-        }
-        .left__button {
-          background-color: white;
-          color: black;
-          border-radius: 10px;
-          float: left;
-          margin-top: 20px;
-          width: 150px;
-          height: 40px;
-          font-size: 15px;
-        }
-      }
-      .content__right {
-        width: 40%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        height: 100%;
-        img {
-          width: 100%;
-          height: 100%;
-          object-fit: cover;
-        }
-      }
-    }
-  }
-}
+@use "sass:map";
+@use "sass:list";
+
+[data-div-type="element"] {
+  &[data-element-type="lightbox"] {
+    width: var(
+      --_ctm-mob-el-wh-st-mx,
+      var(
+        --_ctm-tab-el-wh-st-mx,
+        var(
+          --_ctm-el-wh-st-mx,
+          calc(
+            1% *
+              var(
+                --_ctm-mob-ele-nw-wh-vl,
+                var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh)))
+              )
+          )
+        )
+      )
+    );
+    margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
+
+    aspect-ratio: 1 / var(--_sf-aspect-ratio);
+
+    & > .wrapper {
+      width: 100%;
+      height: 100%;
+    }
+    &[data-show-shadow="false"] {
+      --_show-shadow: none;
+    }
+    .modal__content__container {
+      display: flex;
+      width: 100%;
+      height: 100%;
+      .content__left {
+        background-image: url("https://res.cloudinary.com/dg78ao4vi/image/upload/v1733726837/unsplash_bBiuSdck8tU_ssntkv.png");
+        background-size: cover;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: start;
+        gap: 10px;
+        color: white;
+        width: 60%;
+        padding: 20px 40px;
+        p {
+          font-size: 20px;
+          color: white;
+          font-weight: 200;
+        }
+        .left__button {
+          background-color: white;
+          color: black;
+          border-radius: 10px;
+          float: left;
+          margin-top: 20px;
+          width: 150px;
+          height: 40px;
+          font-size: 15px;
+        }
+      }
+      .content__right {
+        width: 40%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        height: 100%;
+        img {
+          width: 100%;
+          height: 100%;
+          object-fit: cover;
+        }
+      }
+    }
+  }
+}

package/dist/line.scss

@@ -21,18 +21,20 @@
   .wrapper {
     width: 100%;
     // height: 100%;
-    height: prepareMediaVariable(--_ctm-lt-ht);
+    min-height: prepareMediaVariable(--_ctm-lt-ht);
   }
 
   .line__container {
     position: relative;
-    width: 100%;
+    padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
+
     height: 100%;
+    // min-height: prepareMediaVariable(--_ctm-lt-ht);
+
     display: flex;
     align-items: center;
     justify-content: center;
 
-    padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
     background-color: var(
       --_ctm-mob-dn-le-wt-bd-cr,
       var(--_ctm-tab-dn-le-wt-bd-cr, var(--_ctm-dn-le-wt-bd-cr))
@@ -83,55 +85,55 @@
     .line__core {
       width: 100%;
       height: 0;
-      border-width: var(--_ctm-lt-le-ts);
-      border-color: var(--_ctm-dn-le-cr-bd-cr);
+      border-width: prepareMediaVariable(--_ctm-lt-le-ts);
+      border-color: prepareMediaVariable(--_ctm-dn-le-cr-bd-cr);
       // border-top: var(--_ctm-lt-le-ts) solid var(--_ctm-dn-le-cr-ud);
     }
 
     &[data-line-style="solid"] .line__core {
       border-top-style: solid;
-      border-width: var(--_ctm-lt-le-ts);
-      border-color: var(--_ctm-dn-le-cr-bd-cr);
+      border-width: prepareMediaVariable(--_ctm-lt-le-ts);
+      border-color: prepareMediaVariable(--_ctm-dn-le-cr-bd-cr);
     }
 
     &[data-line-style="dotted"] .line__core {
       border-top-style: dotted;
-      border-width: var(--_ctm-lt-le-ts);
-      border-color: var(--_ctm-dn-le-cr-bd-cr);
+      border-width: prepareMediaVariable(--_ctm-lt-le-ts);
+      border-color: prepareMediaVariable(--_ctm-dn-le-cr-bd-cr);
     }
     &[data-line-style="dashed"] .line__core {
       border-top-style: dashed;
-      border-width: var(--_ctm-lt-le-ts);
-      border-color: var(--_ctm-dn-le-cr-bd-cr);
+      border-width: prepareMediaVariable(--_ctm-lt-le-ts);
+      border-color: prepareMediaVariable(--_ctm-dn-le-cr-bd-cr);
     }
     &[data-line-style="double"] .line__core {
       border-top-style: double;
-      border-width: var(--_ctm-lt-le-ts);
-      border-color: var(--_ctm-dn-le-cr-bd-cr);
+      border-width: prepareMediaVariable(--_ctm-lt-le-ts);
+      border-color: prepareMediaVariable(--_ctm-dn-le-cr-bd-cr);
     }
 
     &[data-line-style="groove"] .line__core {
       border-top-style: groove;
-      border-width: var(--_ctm-lt-le-ts);
-      border-color: var(--_ctm-dn-le-cr-bd-cr);
+      border-width: prepareMediaVariable(--_ctm-lt-le-ts);
+      border-color: prepareMediaVariable(--_ctm-dn-le-cr-bd-cr);
     }
 
     &[data-line-style="ridge"] .line__core {
       border-top-style: ridge;
-      border-width: var(--_ctm-lt-le-ts);
+      border-width: prepareMediaVariable(--_ctm-lt-le-ts);
       border-color: var(--_ctm-dn-le-cr-bd-cr);
     }
 
     &[data-line-style="inset"] .line__core {
       border-top-style: inset;
-      border-width: var(--_ctm-lt-le-ts);
-      border-color: var(--_ctm-dn-le-cr-bd-cr);
+      border-width: prepareMediaVariable(--_ctm-lt-le-ts);
+      border-color: prepareMediaVariable(--_ctm-dn-le-cr-bd-cr);
     }
 
     &[data-line-style="outset"] .line__core {
       border-top-style: outset;
-      border-width: var(--_ctm-lt-le-ts);
-      border-color: var(--_ctm-dn-le-cr-bd-cr);
+      border-width: prepareMediaVariable(--_ctm-lt-le-ts);
+      border-color: prepareMediaVariable(--_ctm-dn-le-cr-bd-cr);
     }
 
     &[data-line-style="none"] .line__core {
@@ -146,9 +148,9 @@
       .line__container::after {
         content: "";
         position: absolute;
-        width: 8px;
-        height: 8px;
-        background-color: var(--_ctm-dn-le-cr-ud);
+        width: prepareMediaVariable(--_ctm-lt-le-ed-ps-ts);
+        height: prepareMediaVariable(--_ctm-lt-le-ed-ps-ts);
+        background-color: prepareMediaVariable(--_ctm-dn-le-ed-ps-cr-bd-cr);
         top: 50%;
         transform: translateY(-50%);
         border-radius: 50%;
@@ -156,15 +158,84 @@
 
       .line__container::before {
         left: 0;
+        width: prepareMediaVariable(--_ctm-lt-le-ed-ps-ts);
+        height: prepareMediaVariable(--_ctm-lt-le-ed-ps-ts);
+        background-color: prepareMediaVariable(--_ctm-dn-le-ed-ps-cr-bd-cr);
+        // border-color: var(--_ctm-dn-le-ed-ps-bd-cr);
+        border-color: var(
+          --_ctm-mob-dn-le-ed-ps-br-cr,
+          var(--_ctm-tab-dn-le-ed-ps-br-cr, var(--_ctm-dn-le-ed-ps-br-cr))
+        );
+
+        border-style: var(
+          --_ctm-mob-dn-le-ed-ps-br-se,
+          var(--_ctm-tab-dn-le-ed-ps-br-se, var(--_ctm-dn-le-ed-ps-br-se))
+        );
+        border-width: var(
+          --_ctm-mob-dn-le-ed-ps-br-wh,
+          var(--_ctm-tab-dn-le-ed-ps-br-wh, var(--_ctm-dn-le-ed-ps-br-wh))
+        );
+        box-shadow: var(
+            --_ctm-mob-dn-le-ed-ps-sw-ae,
+            var(--_ctm-tab-dn-le-ed-ps-sw-ae, var(--_ctm-dn-le-ed-ps-sw-ae))
+          )
+          var(
+            --_ctm-mob-dn-le-ed-ps-sw-br,
+            var(--_ctm-tab-dn-le-ed-ps-sw-br, var(--_ctm-dn-le-ed-ps-sw-br))
+          )
+          var(
+            --_ctm-mob-dn-le-ed-ps-sw-sd,
+            var(--_ctm-tab-dn-le-ed-ps-sw-sd, var(--_ctm-dn-le-ed-ps-sw-sd))
+          )
+          var(
+            --_ctm-mob-dn-le-ed-ps-sw-cr,
+            var(--_ctm-tab-dn-le-ed-ps-sw-cr, var(--_ctm-dn-le-ed-ps-sw-cr))
+          );
       }
 
       .line__container::after {
         right: 0;
+        width: prepareMediaVariable(--_ctm-lt-le-ed-ps-ts);
+        height: prepareMediaVariable(--_ctm-lt-le-ed-ps-ts);
+        background-color: prepareMediaVariable(--_ctm-dn-le-ed-ps-cr-bd-cr);
+        // border-color: var(--_ctm-dn-le-ed-ps-bd-cr);
+        border-color: var(
+          --_ctm-mob-dn-le-ed-ps-cr-br-cr,
+          var(--_ctm-tab-dn-le-ed-ps-cr-br-cr, var(--_ctm-dn-le-ed-ps-cr-br-cr))
+        );
+
+        border-style: var(
+          --_ctm-mob-dn-le-ed-ps-cr-br-se,
+          var(--_ctm-tab-dn-le-ed-ps-cr-br-se, var(--_ctm-dn-le-ed-ps-cr-br-se))
+        );
+        border-width: var(
+          --_ctm-mob-dn-le-ed-ps-cr-br-wh,
+          var(--_ctm-tab-dn-le-ed-ps-cr-br-wh, var(--_ctm-dn-le-ed-ps-cr-br-wh))
+        );
+        box-shadow: var(
+            --_ctm-mob-dn-le-ed-ps-cr-sw-ae,
+            var(--_ctm-tab-dn-le-ed-ps-cr-sw-ae, var(--_ctm-dn-le-ed-ps-cr-sw-ae))
+          )
+          var(
+            --_ctm-mob-dn-le-ed-ps-cr-sw-br,
+            var(--_ctm-tab-dn-le-ed-ps-cr-sw-br, var(--_ctm-dn-le-ed-ps-cr-sw-br))
+          )
+          var(
+            --_ctm-mob-dn-le-ed-ps-cr-sw-sd,
+            var(--_ctm-tab-dn-le-ed-ps-cr-sw-sd, var(--_ctm-dn-le-ed-ps-cr-sw-sd))
+          )
+          var(
+            --_ctm-mob-dn-le-ed-ps-cr-sw-cr,
+            var(--_ctm-tab-dn-le-ed-ps-cr-sw-cr, var(--_ctm-dn-le-ed-ps-cr-sw-cr))
+          );
       }
 
       &[data-line-end-points="square"] .line__container::before,
       &[data-line-end-points="square"] .line__container::after {
         border-radius: 0;
+        width: prepareMediaVariable(--_ctm-lt-le-ed-ps-ts);
+        height: prepareMediaVariable(--_ctm-lt-le-ed-ps-ts);
+        background-color: prepareMediaVariable(--_ctm-dn-le-ed-ps-cr-bd-cr);
       }
     }
   }
@@ -238,20 +309,23 @@
       .line__container::after {
         content: "";
         position: absolute;
-        width: 8px;
+        width: prepareMediaVariable(--_ctm-lt-le-ed-ps-ts);
         height: 8px;
-        background-color: var(--_ctm-dn-le-cr-ud);
+        background-color: prepareMediaVariable(--_ctm-dn-le-ed-ps-cr-bd-cr);
         left: 50%;
         transform: translateX(-50%);
+        border-width: prepareMediaVariable(--_ctm-lt-le-ed-ps-ts);
         border-radius: 50%; // Default is circle
       }
 
       .line__container::before {
         top: 0;
+        background-color: prepareMediaVariable(--_ctm-dn-le-ed-ps-cr-bd-cr);
       }
 
       .line__container::after {
         bottom: 0;
+        background-color: prepareMediaVariable(--_ctm-dn-le-ed-ps-cr-bd-cr);
       }
 
       &[data-line-end-points="square"] .line__container::before,

package/dist/loader.scss

@@ -1,37 +1,37 @@
-@use "sass:map";
-@use "sass:list";
-
-[data-div-type="element"] {
-  &[data-element-type="loader"] {
-    // width: var(
-    //   --_ctm-mob-ele-nw-wh-st-mx,
-    //   var(
-    //     --_ctm-tab-ele-nw-wh-st-mx,
-    //     var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))))
-    //   )
-    // );
-
-    margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
-
-    height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) !important;
-
-    // aspect-ratio: var(
-    //   --_ctm-mob-aspect-ratio,
-    //   var(--_ctm-tab-aspect-ratio, var(--_sf-aspect-ratio))
-    // );
-
-    position: relative;
-
-    & > .wrapper {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 100%;
-      height: 100%;
-    }
-
-    &[data-show-shadow="false"] {
-      --_show-shadow: none;
-    }
-  }
-}
+@use "sass:map";
+@use "sass:list";
+
+[data-div-type="element"] {
+  &[data-element-type="loader"] {
+    // width: var(
+    //   --_ctm-mob-ele-nw-wh-st-mx,
+    //   var(
+    //     --_ctm-tab-ele-nw-wh-st-mx,
+    //     var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))))
+    //   )
+    // );
+
+    margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
+
+    height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) !important;
+
+    // aspect-ratio: var(
+    //   --_ctm-mob-aspect-ratio,
+    //   var(--_ctm-tab-aspect-ratio, var(--_sf-aspect-ratio))
+    // );
+
+    position: relative;
+
+    & > .wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
+    }
+
+    &[data-show-shadow="false"] {
+      --_show-shadow: none;
+    }
+  }
+}