Fixed padding for text (#508)

* fixed padding for text * refactored fix * added padded variant --------- Co-authored-by: Dragos Cristian Bute <[email protected]>
hlxsites · Dec 4, 2023 · b6dcad2 · b6dcad2
1 parent 0d8af24
commit b6dcad2
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/blocks/text/text.css b/blocks/text/text.css
@@ -1,3 +1,7 @@
+main .block.text.padded {
+  padding: 0 1rem;
+}
+
 main .block.text.narrow {
   width: 100%;
   padding-right: 0;
@@ -97,8 +101,7 @@ main .block.text.rounded-border  h4 {
 
 main .block.text.lead {
   font-size: var(--body-font-size-xl);
-  margin: 1rem 1rem 1.25rem;
-  max-width: 90vw;
+  margin: 0 0 1.25rem;
 }
 
 main .block.text.colored {

diff --git a/styles/styles.css b/styles/styles.css
@@ -1049,6 +1049,14 @@ main .section.float-image-right picture {
   transform: translate(-50%, -50%);
 }
 
+/* stylelint-disable-next-line no-descending-specificity */
+.section.with-background-image.align-top > .section-container {
+  margin-top: 1.5rem;
+  top: 0%;
+  left: 50%;
+  transform: translate(-50%, 0%);
+}
+
 /* END Section Styles END */
 
 /* START Keyframes START */