1 files changed, 20 insertions, 0 deletions

diff --git a/assets/css/layouts/_container.scss b/assets/css/layouts/_container.scss
new file mode 100644
index 0000000..9159f5a
--- /dev/null
+++ b/assets/css/layouts/_container.scss
@@ -0,0 +1,20 @@
+.l-container {
+    padding-left: 2rem;
+    padding-right: 2rem;
+
+    &--narrow {
+        margin-left: auto;
+        margin-right: auto;
+        max-width: $content-width;
+    }
+
+    &--pad-v {
+        padding-top: $line-height * 2rem;
+        padding-bottom: $line-height * 2rem;
+    }
+
+    @media (max-width: $breakpoint-sm) {
+        padding-left: 1rem;
+        padding-right: 1rem;
+    }
+}