Add .container--no-padding class

rensatsu · Sep 5, 2021 · 8a68bec · 8a68bec
1 parent 2ed11c4
commit 8a68bec
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/scss/blueberry/components/_grid.scss b/scss/blueberry/components/_grid.scss
@@ -5,7 +5,8 @@ $container-padding: 1rem;
 
 .container {
   --container-width: #{$container-width-normal};
-  width: min(var(--container-width), 100% - #{$container-padding});
+  --container-padding: #{$container-padding};
+  width: min(var(--container-width), 100% - var(--container-padding));
 
   margin-left: auto;
   margin-right: auto;
@@ -17,6 +18,10 @@ $container-padding: 1rem;
   &.container-narrow {
     --container-width: #{$container-width-narrow};
   }
+
+  &.container--no-padding {
+    --container-padding: 0px;
+  }
 }
 
 .grid {