diff options
| author | Volpeon <git@volpeon.ink> | 2020-12-24 22:07:49 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2020-12-24 22:07:49 +0100 |
| commit | 94e30b971e93669810d8a4889d60340900ad60f3 (patch) | |
| tree | 8a3512a74042cd075a0409d873c1a3bf7cf768b5 /assets/css/layouts/_container.scss | |
| parent | Added header, improved SCSS structure, use metadata file instead of param, im... (diff) | |
| download | volpeon.ink-94e30b971e93669810d8a4889d60340900ad60f3.tar.gz volpeon.ink-94e30b971e93669810d8a4889d60340900ad60f3.tar.bz2 volpeon.ink-94e30b971e93669810d8a4889d60340900ad60f3.zip | |
Various improvements: CSS classes, favicon, design
Diffstat (limited to 'assets/css/layouts/_container.scss')
| -rw-r--r-- | assets/css/layouts/_container.scss | 20 |
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 @@ | |||
| 1 | .l-container { | ||
| 2 | padding-left: 2rem; | ||
| 3 | padding-right: 2rem; | ||
| 4 | |||
| 5 | &--narrow { | ||
| 6 | margin-left: auto; | ||
| 7 | margin-right: auto; | ||
| 8 | max-width: $content-width; | ||
| 9 | } | ||
| 10 | |||
| 11 | &--pad-v { | ||
| 12 | padding-top: $line-height * 2rem; | ||
| 13 | padding-bottom: $line-height * 2rem; | ||
| 14 | } | ||
| 15 | |||
| 16 | @media (max-width: $breakpoint-sm) { | ||
| 17 | padding-left: 1rem; | ||
| 18 | padding-right: 1rem; | ||
| 19 | } | ||
| 20 | } | ||