From f0289a8b8fba6f1fe25bb127c2d0aa51c1a72fcd Mon Sep 17 00:00:00 2001 From: Dan Head Date: Tue, 18 Dec 2018 17:11:12 +0000 Subject: [PATCH] Update icons Update vertical margins --- css/archive.css | 6 ++++++ css/article.css | 5 +++++ css/comments.css | 10 +++++++++- css/content.css | 5 ----- css/excerpt.css | 6 ++++++ css/metadata.css | 6 ++++-- css/page.css | 3 ++- theme/icons.php | 26 +++++++++++++------------- theme/partials/metadata.php | 2 +- theme/single.php | 6 +++--- theme/tag.php | 4 ++-- 11 files changed, 51 insertions(+), 28 deletions(-) diff --git a/css/archive.css b/css/archive.css index b760675..d5897d0 100644 --- a/css/archive.css +++ b/css/archive.css @@ -2,6 +2,12 @@ margin-bottom: var(--space-sm); } +@media (--viewport-lg) { + .archive__list { + margin-bottom: var(--space-md); + } +} + .archive__list--sub-list { margin-left: var(--space-sm); } diff --git a/css/article.css b/css/article.css index 300ada1..1b7678b 100644 --- a/css/article.css +++ b/css/article.css @@ -1,5 +1,10 @@ +.article { + margin-bottom: var(--space-sm); +} + @media (--viewport-lg) { .article { + margin-bottom: var(--space-md); border-bottom: 1px solid var(--color-light-grey); } } diff --git a/css/comments.css b/css/comments.css index c6ed9b9..a27f64a 100644 --- a/css/comments.css +++ b/css/comments.css @@ -1,5 +1,9 @@ -.comments__head { +.comments { border-bottom: 1px solid var(--color-light-grey); + padding-bottom: var(--space-md); +} + +.comments__head { margin-bottom: var(--space-md); } @@ -18,3 +22,7 @@ .comments__item--depth-2 { margin-left: calc(var(--space-md) * 2); } + +.comments__item--depth-3 { + margin-left: calc(var(--space-md) * 3); +} diff --git a/css/content.css b/css/content.css index d97da83..a86ab25 100644 --- a/css/content.css +++ b/css/content.css @@ -1,8 +1,3 @@ -.content { - border-bottom: 1px solid var(--color-light-grey); - padding-bottom: var(--space-md); -} - .content h1 { font-family: var(--heading-font-family); font-size: 1.8rem; diff --git a/css/excerpt.css b/css/excerpt.css index 624c13b..61dcd22 100644 --- a/css/excerpt.css +++ b/css/excerpt.css @@ -2,6 +2,12 @@ margin-bottom: var(--space-sm); } +@media (--viewport-lg) { + .excerpt { + margin-bottom: var(--space-md); + } +} + .excerpt__head, .excerpt__body, .excerpt__title { diff --git a/css/metadata.css b/css/metadata.css index 25b3280..9cc28d8 100644 --- a/css/metadata.css +++ b/css/metadata.css @@ -1,21 +1,23 @@ .metadata { display: flex; flex-flow: row wrap; - border-bottom: 1px solid var(--color-light-grey); font-size: 14px; - margin-bottom: var(--space-md); + margin-bottom: var(--space-sm); + border-bottom: 1px solid var(--color-light-grey); } .metadata__item { display: flex; align-items: center; margin: 0 var(--space-sm) var(--space-sm) 0; + color: var(--color-dark-blue); } @media (--viewport-lg) { .metadata { flex-flow: column wrap; border-bottom: none; + margin-bottom: var(--space-md); } .metadata__item { diff --git a/css/page.css b/css/page.css index 3647d92..1750e6e 100644 --- a/css/page.css +++ b/css/page.css @@ -44,7 +44,8 @@ } .page__content, - .page__article { + .page__article, + .page__comments { grid-column-start: 2; } diff --git a/theme/icons.php b/theme/icons.php index 16f6b76..250c014 100644 --- a/theme/icons.php +++ b/theme/icons.php @@ -1,37 +1,37 @@ - + - - + + - + - + - + - - - - + - - + + - + + + + diff --git a/theme/partials/metadata.php b/theme/partials/metadata.php index 0a40dc6..44421af 100644 --- a/theme/partials/metadata.php +++ b/theme/partials/metadata.php @@ -38,7 +38,7 @@
', 'windycoys')); ?>
-
- -
+
+ +
diff --git a/theme/tag.php b/theme/tag.php index 9ecb9c2..9cf0f93 100644 --- a/theme/tag.php +++ b/theme/tag.php @@ -7,8 +7,8 @@

-