summaryrefslogtreecommitdiffstats
path: root/assets/sass/@primer/css/layout/container.scss
diff options
context:
space:
mode:
authoramzrk22020-04-13 19:13:39 +0800
committeramzrk22020-04-13 19:13:39 +0800
commit6bdd1c4c0ea567c45fdecb1e858a99ee5da246ad (patch)
treeb13e4c3a49823b602ebb918c899dd4a964c1f445 /assets/sass/@primer/css/layout/container.scss
downloadhugo-theme-fuji-6bdd1c4c0ea567c45fdecb1e858a99ee5da246ad.tar.gz
hugo-theme-fuji-6bdd1c4c0ea567c45fdecb1e858a99ee5da246ad.tar.bz2
hugo-theme-fuji-6bdd1c4c0ea567c45fdecb1e858a99ee5da246ad.zip
Initial commit
Diffstat (limited to 'assets/sass/@primer/css/layout/container.scss')
-rw-r--r--assets/sass/@primer/css/layout/container.scss30
1 files changed, 30 insertions, 0 deletions
diff --git a/assets/sass/@primer/css/layout/container.scss b/assets/sass/@primer/css/layout/container.scss
new file mode 100644
index 0000000..7e70a6b
--- /dev/null
+++ b/assets/sass/@primer/css/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;
+}