fix: add missing blockmargins style for RockPageBuilder profile

baumrock · Nov 3, 2023 · 0670d75 · 0670d75
1 parent 2aa5b22
commit 0670d75
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 0 deletions.
diff --git a/profiles/rockpagebuilder/files/site/templates/_main.php b/profiles/rockpagebuilder/files/site/templates/_main.php
@@ -5,6 +5,7 @@
 /** @var RockFrontend $rockfrontend */
 $rockfrontend->styles()
   ->add('/site/templates/uikit/src/less/uikit.theme.less')
+  ->add('/site/templates/less/blockmargins.less')
   ->addDefaultFolders(); // autoload styles in sections, partials, etc
 $rockfrontend->scripts()
   ->add('/site/templates/uikit/dist/js/uikit.min.js');

diff --git a/profiles/rockpagebuilder/files/site/templates/less/blockmargins.less b/profiles/rockpagebuilder/files/site/templates/less/blockmargins.less
@@ -0,0 +1,32 @@
+main {
+  // general section margin
+  > section {
+    margin-top: 50px;
+    margin-bottom: 50px;
+
+    // no margin-top on first section
+    &:first-child {
+      margin-top: 0;
+    }
+  }
+
+  // padding for sections with background
+  .section-padding {
+    padding-top: 50px;
+    padding-bottom: 50px;
+  }
+}
+
+// limit block width
+.maxw-s {
+  max-width: 400px;
+  box-sizing: border-box;
+}
+.maxw-m {
+  max-width: 600px;
+  box-sizing: border-box;
+}
+.maxw-l {
+  max-width: 800px;
+  box-sizing: border-box;
+}