@sc-360-v2/storefront-cms-library 0.5.72 → 0.5.73

package/dist/position-module.scss

@@ -11,34 +11,31 @@ $editor: '[data-page-id="cms__template__editor"]';
 $var: "--_sf-width-rsp-psn";
 
 @function convertListToCommaSeparateString($list) {
-  $items: ();
-  @each $key, $value in $list {
-    $sl: ".#{$value}";
-    $items: list.append($items, $sl, comma);
-  }
+  $items: (
+  );
+
+@each $key, $value in $list {
+  $sl: ".#{$value}";
+  $items: list.append($items, $sl, comma);
+}
 
-  @return $items;
+@return $items;
 }
 
 $position: (
-  class: (
-    absolute: "flx-abs",
+  class: (absolute: "flx-abs",
     fixed: "flx-fxd",
     sticky: "flx-stk",
     relative: "flx-rel",
   ),
   zIndex: "--_ctm-flex-z-index",
-  attributes: (
-    horizontal: "data-position-horizonal",
+  attributes: (horizontal: "data-position-horizonal",
     vertical: "data-position-vertical",
   ),
-  data: (
-    horizontal: (
-      right: prepareMediaVariable(--_ctm-flex-psn-hoft, 0px),
+  data: (horizontal: (right: prepareMediaVariable(--_ctm-flex-psn-hoft, 0px),
       left: prepareMediaVariable(--_ctm-flex-psn-hoft, 0px),
     ),
-    vertical: (
-      top: prepareMediaVariable(--_ctm-flex-psn-voft, 0px),
+    vertical: (top: prepareMediaVariable(--_ctm-flex-psn-voft, 0px),
       bottom: prepareMediaVariable(--_ctm-flex-psn-voft, 0px),
     ),
   ),
@@ -60,6 +57,7 @@ $position: (
         }
       }
     }
+
     // @if(){
 
     // }
@@ -70,21 +68,26 @@ $position: (
           z-index: var(#{$zIndex});
         }
       }
+
       &:not(#{$editor} *) {
         z-index: var(#{$zIndex});
       }
     }
+
     &:not(.#{$pr}, .#{pa}) {
       z-index: var(#{$zIndex});
     }
+
     @each $key, $value in $cls {
       &.#{$value} {
         &:is(:not(#{$elementDragging}, #{$dataResizerTrue})) {
           position: var(--_p-#{$key}) !important;
-          @if ($key == fixed) {
+
+          @if ($key ==fixed) {
             @include FlexUpdatedPrefixCSSVariable($var);
             width: var(#{$var}, #{prepareMediaVariable(--_ctm-lt-wh)}) !important;
           }
+
           @if not list.index((sticky, relative), $key) {
             margin: 0px !important;
           }
@@ -92,4 +95,4 @@ $position: (
       }
     }
   }
-}
+}

package/dist/prefix-list.scss

@@ -45,13 +45,15 @@ $VariableTypes: (
 );
 
 @function convertListToCommaSeparateString($list) {
-  $items: ();
-  @each $key, $value in $list {
-    $sl: "[#{$dataElementType}=#{$key}]";
-    $items: list.append($items, $sl, comma);
-  }
+  $items: (
+  );
+
+@each $key, $value in $list {
+  $sl: "[#{$dataElementType}=#{$key}]";
+  $items: list.append($items, $sl, comma);
+}
 
-  @return $items;
+@return $items;
 }
 
 @function convertIntoActualVariable($prefix, $type) {
@@ -66,21 +68,30 @@ $VariableTypes: (
 
 @mixin FlexUpdatedPrefixCSSVariable($var, $isLayer: false, $type: width, $defaultValue: inherit) {
   $selector: "";
-  @if ($isLayer == false) {
+
+  @if ($isLayer ==false) {
     $selector: $dataElementType;
-  } @else {
+  }
+
+  @else {
     $selector: $dataLayerElementType;
   }
+
   @each $key, $value in $prefixList {
     &[#{$selector}="#{$key}"] {
       #{$var}: #{prepareMediaVariable(convertIntoActualVariable($value, $type), $defaultValue)};
     }
   }
-  @if ($type != maxHeight) {
+
+  @if ($type !=maxHeight) {
     &#{$elementSelector} {
       &:is(:not(#{convertListToCommaSeparateString($prefixList)})) {
-        #{$var}: #{prepareMediaVariable(--_ctm-#{map.get($VariableTypes, $type)}, $defaultValue)};
+        #{$var}: #{prepareMediaVariable(--_ctm-#{map.get($VariableTypes, $type)},
+        $defaultValue)
       }
+
+      ;
     }
   }
 }
+}