MWPW-145302: Added 's-size' class for modal, and horizontal paddings …

…for section (#2067) added class s-size for dialog-modal and horizontal paddings for section
adobecom · Apr 8, 2024 · c79cabe · c79cabe
1 parent efb196e
commit c79cabe
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 0 deletions.
diff --git a/libs/blocks/modal/modal.css b/libs/blocks/modal/modal.css
@@ -218,6 +218,10 @@
 }
 
 @media (min-width: 1200px) {
+  .dialog-modal.s-size {
+    max-width: 650px;
+  }
+
   .region-selector .content {
     column-count: 5;
   }

diff --git a/libs/blocks/section-metadata/section-metadata.css b/libs/blocks/section-metadata/section-metadata.css
@@ -70,6 +70,38 @@
   padding: var(--spacing-xxs) 0;
 }
 
+.section.xxxl-padding {
+  padding: var(--spacing-xxxl);
+}
+
+.section.xxl-padding {
+  padding: var(--spacing-xxl);
+}
+
+.section.xl-padding {
+  padding: var(--spacing-xl);
+}
+
+.section.l-padding {
+  padding: var(--spacing-l);
+}
+
+.section.m-padding {
+  padding: var(--spacing-m);
+}
+
+.section.s-padding {
+  padding: var(--spacing-s);
+}
+
+.section.xs-padding {
+  padding: var(--spacing-xs);
+}
+
+.section.xxs-padding {
+  padding: var(--spacing-xxs);
+}
+
 .section picture.section-background {
   display: block;
   position: absolute;