diff options
| author | amzrk2 | 2020-05-27 22:53:13 +0800 |
|---|---|---|
| committer | amzrk2 | 2020-05-27 22:53:13 +0800 |
| commit | dfb6e1f80754c1c8f2d4d332c5292319f008a67b (patch) | |
| tree | fd8c0cf13e03613b6a39c662b6a0ced87fb69157 /assets/_primer/layout/container.scss | |
| parent | aa5290aeef9df1c583fdf30290351968df9215dc (diff) | |
| download | hugo-theme-fuji-dfb6e1f80754c1c8f2d4d332c5292319f008a67b.tar.gz hugo-theme-fuji-dfb6e1f80754c1c8f2d4d332c5292319f008a67b.tar.bz2 hugo-theme-fuji-dfb6e1f80754c1c8f2d4d332c5292319f008a67b.zip | |
v2 original port
Diffstat (limited to 'assets/_primer/layout/container.scss')
| -rw-r--r-- | assets/_primer/layout/container.scss | 30 |
1 files changed, 30 insertions, 0 deletions
diff --git a/assets/_primer/layout/container.scss b/assets/_primer/layout/container.scss new file mode 100644 index 0000000..7e70a6b --- /dev/null +++ b/assets/_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; +} |