From 6364c265d30eedccc44ec3506184d7693a61817d Mon Sep 17 00:00:00 2001 From: Valentin Popov Date: Fri, 3 May 2019 18:40:22 +0400 Subject: Added delimiters elements Signed-off-by: Valentin Popov --- _scss/base/_main.scss | 1 + _scss/components/_core.scss | 7 ++++++- _scss/components/_header.scss | 9 +++++++++ 3 files changed, 16 insertions(+), 1 deletion(-) create mode 100644 _scss/components/_header.scss 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; + } +} -- cgit v1.2.3