Add breakpoints for large container paddings

clarin-eric · Jan 20, 2024 · b5c1bf3 · b5c1bf3
1 parent 33d1355
commit b5c1bf3
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/scss/utility/elements.scss b/scss/utility/elements.scss
@@ -78,6 +78,14 @@ h6 {
 .container-xl, .container-xxl {
   padding: 0 calc(var(--bs-gutter-x) * .5);
 
+    @media (min-width: #{$screen-lg-min}) {
+      padding: 0 calc(var(--bs-gutter-x) * 1);
+    }
+
+    @media (min-width: #{$screen-xl-min}) {
+      padding: 0 calc(var(--bs-gutter-x) * 3);
+    }
+
     @media (min-width: #{$screen-xxl-min}) {
       padding: 0 calc(var(--bs-gutter-x) * 5);
     }