diff options
| author | Volpeon <git@volpeon.ink> | 2020-12-25 13:22:37 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2020-12-25 13:22:37 +0100 |
| commit | e7d6404ab184a5f6a8645bd0ac90b3676b8c5efc (patch) | |
| tree | 3d09f5793e666f27c888f536bbe54839974c4fbc /assets/css/layouts/_container.scss | |
| parent | Various improvements: CSS classes, favicon, design (diff) | |
| download | volpeon.ink-e7d6404ab184a5f6a8645bd0ac90b3676b8c5efc.tar.gz volpeon.ink-e7d6404ab184a5f6a8645bd0ac90b3676b8c5efc.tar.bz2 volpeon.ink-e7d6404ab184a5f6a8645bd0ac90b3676b8c5efc.zip | |
Improved CSS definitions, more fine-grained content build script
Diffstat (limited to 'assets/css/layouts/_container.scss')
| -rw-r--r-- | assets/css/layouts/_container.scss | 30 |
1 files changed, 15 insertions, 15 deletions
diff --git a/assets/css/layouts/_container.scss b/assets/css/layouts/_container.scss index 9159f5a..b5dee3c 100644 --- a/assets/css/layouts/_container.scss +++ b/assets/css/layouts/_container.scss | |||
| @@ -1,20 +1,20 @@ | |||
| 1 | .l-container { | 1 | .l-container { |
| 2 | padding-left: 2rem; | 2 | padding-left: 2rem; |
| 3 | padding-right: 2rem; | 3 | padding-right: 2rem; |
| 4 | 4 | ||
| 5 | &--narrow { | 5 | &--content { |
| 6 | margin-left: auto; | 6 | margin-left: auto; |
| 7 | margin-right: auto; | 7 | margin-right: auto; |
| 8 | max-width: $content-width; | 8 | max-width: $content-width; |
| 9 | } | 9 | } |
| 10 | 10 | ||
| 11 | &--pad-v { | 11 | &--pad-v { |
| 12 | padding-top: $line-height * 2rem; | 12 | padding-top: $line-height * 2rem; |
| 13 | padding-bottom: $line-height * 2rem; | 13 | padding-bottom: $line-height * 2rem; |
| 14 | } | 14 | } |
| 15 | 15 | ||
| 16 | @media (max-width: $breakpoint-sm) { | 16 | @media (max-width: map-get($breakpoints, "sm")) { |
| 17 | padding-left: 1rem; | 17 | padding-left: 1rem; |
| 18 | padding-right: 1rem; | 18 | padding-right: 1rem; |
| 19 | } | 19 | } |
| 20 | } | 20 | } |