diff options
| -rw-r--r-- | _scss/base/_main.scss | 1 | ||||
| -rw-r--r-- | _scss/components/_core.scss | 7 | ||||
| -rw-r--r-- | _scss/components/_header.scss | 9 |
3 files changed, 16 insertions, 1 deletions
diff --git a/_scss/base/_main.scss b/_scss/base/_main.scss index 85e7592..e617f45 100644 --- a/_scss/base/_main.scss +++ b/_scss/base/_main.scss @@ -1,2 +1,3 @@ @import 'components/avatar'; @import 'components/core'; +@import 'components/header'; diff --git a/_scss/components/_core.scss b/_scss/components/_core.scss index 1278e65..7a08e9c 100644 --- a/_scss/components/_core.scss +++ b/_scss/components/_core.scss @@ -20,11 +20,14 @@ body { .container { flex: 75%; - padding-right: 32px; + padding-right: 16px; } .sidebar { + border-left: 1px solid $color-bg-alt; flex: 25%; + height: 100%; + padding-left: 16px; } @media (max-width: 684px) { @@ -38,6 +41,8 @@ body { } .sidebar { + border: 0; flex: 100%; + padding-left: 0; } } diff --git a/_scss/components/_header.scss b/_scss/components/_header.scss new file mode 100644 index 0000000..c5b95b8 --- /dev/null +++ b/_scss/components/_header.scss @@ -0,0 +1,9 @@ +header { + border-bottom: 1px solid $color-bg-alt; +} + +article { + header { + padding-bottom: 16px; + } +} |