@sc-360-v2/storefront-cms-library 0.5.15 → 0.5.16

package/dist/coupon.scss

@@ -18,11 +18,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
       )
     );
     margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
+
     & > div {
       &.wrapper {
         width: 100%;
       }
     }
+
     .coupon_code {
       background-color: var(
         --_ctm-mob-dn-cn-cr-bd-cr,
@@ -68,6 +70,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
       height: auto;
       position: sticky;
       top: 10px;
+
       // margin-bottom: 24px;
       .coupon_code_header {
         // font-size: 16px;
@@ -126,6 +129,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
           border-bottom: 1px dashed var(--_gray-300);
         }
       }
+
       .coupon_code_body {
         padding: var(
           --_ctm-mob-dn-cn-wt-cr-pg,
@@ -141,14 +145,17 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             --_ctm-mob-dn-cn-wt-cr-im-gp,
             var(--_ctm-tab-dn-cn-wt-cr-im-gp, var(--_ctm-dn-cn-wt-cr-im-gp))
           );
+
           .apply_coupon_code_flex {
             display: flex;
             gap: var(
               --_ctm-mob-dn-cn-wt-cr-im-gp,
               var(--_ctm-tab-dn-cn-wt-cr-im-gp, var(--_ctm-dn-cn-wt-cr-im-gp))
             );
+
             .cpn__sale__icon {
               margin-top: 4px;
+
               .icon {
                 svg {
                   width: var(
@@ -159,6 +166,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                     --_ctm-mob-dn-cn-wt-in-se,
                     var(--_ctm-tab-dn-cn-wt-in-se, var(--_ctm-dn-cn-wt-in-se))
                   );
+
                   path {
                     stroke: var(
                       --_ctm-mob-dn-cn-wt-in-c1,
@@ -168,11 +176,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                 }
               }
             }
+
             .apply_coupon_code {
               display: flex;
               flex-direction: column;
               justify-content: center;
               gap: 4px;
+
               .cpn_sale_text {
                 // font-size: 14px;
                 font-family: var(
@@ -216,6 +226,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                 // color: var(--_gray-900);
                 // line-height: 20px;
               }
+
               .cpn_sale_desc {
                 font-family: var(
                   --_ctm-mob-dn-cn-wt-dn-ft-fy,
@@ -254,6 +265,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                   --_ctm-mob-dn-cn-wt-dn-tt-an,
                   var(--_ctm-tab-dn-cn-wt-dn-tt-an, var(--_ctm-dn-cn-wt-dn-tt-an))
                 );
+
                 // font-size: 14px;
                 // font-weight: 400;
                 // color: var(--_gray-500);
@@ -299,25 +311,51 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               }
             }
           }
+
           .apply_coupon_code_btn {
             padding: 12px;
             white-space: nowrap;
           }
+
           .btn__with__text[data-btn-name="applyButton"] {
             width: 100%;
+
             &[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;
             }
 
+            &[data-element-style="Icon"] {
+              &[data-icon-position="left"] {
+                .add_order_button {
+                  justify-content: start;
+                }
+              }
+
+              &[data-icon-position="right"] {
+                .add_order_button {
+                  justify-content: end;
+                }
+              }
+
+              &[data-icon-position="center"] {
+                .add_order_button {
+                  justify-content: center;
+                }
+              }
+            }
+
             &:hover {
               --_sf-hr-bd-cr: #{prepareMediaVariable(--_ctm-dn-as-ay-bn-hr-se-bd-cr)};
               --_sf-hr-br-cr: #{prepareMediaVariable(--_ctm-dn-as-ay-bn-hr-se-br-cr)};
@@ -351,9 +389,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               // for pading and width
               --_sf-hr-pg: #{prepareMediaVariable(--_ctm-dn-as-ay-bn-hr-se-pg)};
               --_sf-hr-wh: #{prepareMediaVariable(--_ctm-dn-as-ay-bn-hr-se-wh)};
+
               &[data-hover-show-shadow="false"] {
                 --_hover-show-shadow: none;
               }
+
               &[data-hover-show-icon="false"] {
                 --_hover-show-icon: none;
               }
@@ -384,6 +424,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-as-ay-bn-dt-se-sw-cr));
             width: 140px;
             display: flex;
+
             &[data-show-border="true"] {
               // width: 100%;
               border-color: var(
@@ -441,6 +482,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
 
             .icon {
               display: var(--_hover-show-icon, var(--_show-icon, flex));
+
               svg {
                 width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-as-ay-bn-dt-se-in-se));
                 height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-as-ay-bn-dt-se-in-se));
@@ -450,11 +492,16 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                 }
               }
             }
+
             [data-element-style="Text"] {
               display: inline-block;
               width: 100%;
             }
 
+            &[data-show-icon="false"] {
+              --_show-icon: none;
+            }
+
             .icon--hover {
               // position: absolute;
               // inset: 0;
@@ -474,15 +521,18 @@ $resizeActive: '[data-cms-element-resizer="true"]';
             }
           }
         }
+
         .coupon_code_apply_section {
           display: flex;
           flex-direction: column;
           gap: 16px;
+
           .coupon_code_fields_wrapper {
             display: flex;
             align-items: center;
             justify-content: space-between;
             gap: 12px;
+
             input {
               // border: 1px solid #d0d5dd;
               // padding: 12px;
@@ -571,26 +621,32 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               transition:
                 outline 0.2s ease,
                 border 0.2s ease;
+
               &:focus {
                 outline: 0 none;
                 outline-offset: 0;
                 box-shadow:
                   0px 1px 2px rgba(16, 24, 40, 0.05),
-                  0px 0px 0px 2px var(--primary-100);
-                border: 1px solid var(--primary-300);
+                  0px 0px 0px 2px var(--_primary-100);
+                border: 1px solid var(--_primary-300);
               }
             }
+
             .btn__with__text[data-btn-name="applyButton"] {
               width: 100%;
+
               &[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;
               }
@@ -628,9 +684,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                 // for pading and width
                 --_sf-hr-pg: #{prepareMediaVariable(--_ctm-dn-as-ay-bn-hr-se-pg)};
                 --_sf-hr-wh: #{prepareMediaVariable(--_ctm-dn-as-ay-bn-hr-se-wh)};
+
                 &[data-hover-show-shadow="false"] {
                   --_hover-show-shadow: none;
                 }
+
                 &[data-hover-show-icon="false"] {
                   --_hover-show-icon: none;
                 }
@@ -642,7 +700,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
               );
 
               padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-as-ay-bn-dt-se-pg));
-              width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-as-ay-bn-dt-se-wh));
+              // width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-as-ay-bn-dt-se-wh));
               display: flex;
               flex-direction: var(--_sf-fd-bn);
               align-items: center;
@@ -661,6 +719,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                 var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-as-ay-bn-dt-se-sw-cr));
               width: 140px;
               display: flex;
+
               &[data-show-border="true"] {
                 // width: 100%;
                 border-color: var(
@@ -681,7 +740,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
 
               .txt {
                 display: flex;
-
+                white-space: nowrap;
                 color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-as-ay-bn-dt-se-cr));
 
                 font-family: var(
@@ -724,6 +783,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
 
               .icon {
                 display: var(--_hover-show-icon, var(--_show-icon, flex));
+
                 svg {
                   width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-as-ay-bn-dt-se-in-se));
                   height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-as-ay-bn-dt-se-in-se));
@@ -736,6 +796,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                   }
                 }
               }
+
               [data-element-style="Text"] {
                 display: inline-block;
                 width: 100%;
@@ -759,27 +820,33 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                 display: none;
               }
             }
+
             .coupon-search-btn {
               white-space: nowrap;
               padding: prepareMediaVariable(--_ctm-dn-as-ay-bn-dt-se-pg);
+
               &:disabled {
                 cursor: not-allowed;
                 opacity: 0.5;
               }
             }
           }
+
           .couponCode_divider {
             border: 1px dashed #d0d5dd;
           }
+
           .coupon-list {
             display: flex;
             flex-direction: column;
             gap: 24px;
+
             .coupon-item {
               display: flex;
               flex-direction: row;
               gap: 12px;
               justify-content: space-between;
+
               input {
                 width: 18px;
                 display: flex;
@@ -787,13 +854,16 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                 position: relative;
                 top: -9px;
               }
+
               input[type="checkbox"] {
                 accent-color: rgb(36 61 198);
               }
+
               .coupon-info {
                 display: flex;
                 flex-direction: column;
                 gap: 6px;
+
                 .coupon-title {
                   // font-size: 16px;
                   // font-weight: 700;
@@ -836,10 +906,12 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                     var(--_ctm-tab-dn-cn-wt-cn-tt-tt-an, var(--_ctm-dn-cn-wt-cn-tt-tt-an))
                   );
                 }
+
                 .coupon-currency {
                   display: flex;
                   align-items: center;
                   gap: 8px;
+
                   .coupon-desc {
                     // font-size: 14px;
                     // font-weight: 400;
@@ -882,6 +954,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                       var(--_ctm-tab-dn-cn-wt-sd-te-tt-an, var(--_ctm-dn-cn-wt-sd-te-tt-an))
                     );
                   }
+
                   .currency_span {
                     // font-size: 14px;
                     // font-weight: 400;
@@ -926,18 +999,22 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                   }
                 }
               }
+
               .btn__with__text[data-btn-name="removeButton"] {
                 // width: 100%;
 
                 &[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;
                 }
@@ -975,9 +1052,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                   // for pading and width
                   --_sf-hr-pg: #{prepareMediaVariable(--_ctm-dn-as-re-bn-hr-se-pg)};
                   --_sf-hr-wh: #{prepareMediaVariable(--_ctm-dn-as-re-bn-hr-se-wh)};
+
                   &[data-hover-show-shadow="false"] {
                     --_hover-show-shadow: none;
                   }
+
                   &[data-hover-show-icon="false"] {
                     --_hover-show-icon: none;
                   }
@@ -1015,6 +1094,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                 width: 140px;
                 display: flex;
                 height: 48px;
+
                 &[data-show-border="true"] {
                   // width: 100%;
                   border-color: var(
@@ -1078,6 +1158,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
 
                 .icon {
                   display: var(--_hover-show-icon, var(--_show-icon, flex));
+
                   svg {
                     width: var(
                       --_sf-hr-in-se,
@@ -1096,6 +1177,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                     }
                   }
                 }
+
                 [data-element-style="Text"] {
                   display: inline-block;
                   width: 100%;
@@ -1119,14 +1201,17 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                   display: none;
                 }
               }
+
               .remove-btn {
                 padding: prepareMediaVariable(--_ctm-dn-as-re-bn-dt-se-pg);
               }
             }
           }
+
           .coupon-footer-section {
             display: flex;
             justify-content: space-between;
+
             .coupon-savings {
               .title {
                 font-size: 14px;
@@ -1134,6 +1219,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                 line-height: 20px;
                 color: #344054;
               }
+
               .price {
                 font-size: 16px;
                 font-weight: 700;
@@ -1141,6 +1227,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
                 color: #101828;
               }
             }
+
             .apply-coupon-primary-btn {
               width: 158px;
               height: 48px;

package/dist/gallery-slider-temp.scss

@@ -498,16 +498,16 @@
           }
 
           .embla__container {
-            overflow: hidden;
+            // overflow: hidden;
             height: var(--_ctm-height);
             // min-height: var(--_ctm-height);
 
-            grid-template-columns: repeat(
-              var(--_ctm-mob-lt-is-pr-rw, var(--_ctm-tab-lt-is-pr-rw, var(--_ctm-lt-is-pr-rw))),
-              1fr
-            );
+            grid-template-columns: repeat(1, 1fr);
             grid-template-rows: unset;
             grid-auto-flow: row;
+            .embla__slide {
+              aspect-ratio: 7 / 2;
+            }
           }
         }
       }