From 334e918bc300493c3ddff784b1967434638eae00 Mon Sep 17 00:00:00 2001 From: Jimmy Cai Date: Mon, 7 Sep 2020 11:49:33 +0200 Subject: [PATCH] fix(article): fix top padding --- assets/scss/partials/layout/article.scss | 17 ++++++++++++----- layouts/_default/single.html | 2 +- 2 files changed, 13 insertions(+), 6 deletions(-) diff --git a/assets/scss/partials/layout/article.scss b/assets/scss/partials/layout/article.scss index f2c60ec..b12b6a8 100644 --- a/assets/scss/partials/layout/article.scss +++ b/assets/scss/partials/layout/article.scss @@ -1,8 +1,16 @@ @import "variables.scss"; -.article-page { +.article-and-sidebar { @media (min-width: $on-phone) and (max-width: $on-tablet) { - --main-top-padding: 30px; + --main-top-padding: 50px; + } +} + +.article-page { + &.with-toolbar { + @media (max-width: $on-tablet) { + --main-top-padding: 0; + } } .left-sidebar { @@ -98,12 +106,11 @@ } #article-toolbar { - margin-bottom: 20px; display: flex; align-items: center; - @media (max-width: $on-phone) { - margin-top: 20px; + @media (max-width: $on-tablet) { + margin: 20px 0; } @media (min-width: $on-tablet) { diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 3fe2859..ddab609 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -1,6 +1,6 @@ {{ define "body_class" }}2-column{{ end }} {{ define "main" }} -
+
{{ partial "sidebar/left.html" . }}