Add container padding feature

2025-08-20 15:23:37 +02:00
parent c677b03de9
commit 40ac91d294
3 changed files with 51 additions and 0 deletions
--- a/container-padding/container-padding.less
+++ b/container-padding/container-padding.less
@@ -0,0 +1,30 @@
+// Remove any other paddings inside other containers such content, layout on every page, so there is padding only on BODY
+.responsive-padding() {
+  padding-left: 96px;
+  padding-right: 96px;
+
+  @media (max-width: 1440px) {
+    padding-left: 64px;
+    padding-right: 64px;
+  }
+
+  @media (max-width: 1280px) {
+    padding-left: 48px;
+    padding-right: 48px;
+  }
+
+  @media (max-width: 978px) {
+    padding-left: 32px;
+    padding-right: 32px;
+  }
+
+  @media (max-width: 756px) {
+    padding-left: 24px;
+    padding-right: 24px;
+  }
+
+  @media (max-width: 480px) {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+}