diff options
author | amzrk2 | 2020-04-13 19:13:39 +0800 |
---|---|---|
committer | amzrk2 | 2020-04-13 19:13:39 +0800 |
commit | 6bdd1c4c0ea567c45fdecb1e858a99ee5da246ad (patch) | |
tree | b13e4c3a49823b602ebb918c899dd4a964c1f445 /assets/sass/@primer/css/layout/container.scss | |
download | hugo-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.scss | 30 |
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; +} |