summaryrefslogtreecommitdiffstats
path: root/assets/scss/_primer/layout/container.scss
diff options
context:
space:
mode:
Diffstat (limited to 'assets/scss/_primer/layout/container.scss')
-rw-r--r--assets/scss/_primer/layout/container.scss30
1 files changed, 30 insertions, 0 deletions
diff --git a/assets/scss/_primer/layout/container.scss b/assets/scss/_primer/layout/container.scss
new file mode 100644
index 0000000..7e70a6b
--- /dev/null
+++ b/assets/scss/_primer/layout/container.scss
@@ -0,0 +1,30 @@
+// Fixed-width, centered column for site content.
+// Handy container styles that match our breakpoints
+
+// 544px
+.container-sm {
+ max-width: $width-sm;
+ margin-right: auto;
+ margin-left: auto;
+}
+
+// 768px
+.container-md {
+ max-width: $container-md;
+ margin-right: auto;
+ margin-left: auto;
+}
+
+// 1004px - this matches the current fixed width: 980px + padding: px-3
+.container-lg {
+ max-width: $container-lg;
+ margin-right: auto;
+ margin-left: auto;
+}
+
+// 1280px
+.container-xl {
+ max-width: $container-xl;
+ margin-right: auto;
+ margin-left: auto;
+}