From 43f4fe37a64a55db0778b60aece029e12d6b5acd Mon Sep 17 00:00:00 2001 From: druid <druid@druids-MBP-2.lan> Date: Fri, 29 Jan 2021 11:57:13 +0200 Subject: [PATCH] border above heading in mobile styles --- src/components/heading/heading.scss | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/components/heading/heading.scss b/src/components/heading/heading.scss index dd8b5858..ee948449 100644 --- a/src/components/heading/heading.scss +++ b/src/components/heading/heading.scss @@ -78,19 +78,21 @@ &:after { background-color: transparent; - border-bottom: 1px solid var(--grayscale-dark); + border-bottom: 3px solid var(--grayscale-dark); content: ' '; display: flex; height: 2px; width: 100%; margin-left: 0; - margin-bottom: 1rem; + margin-bottom: 0.5rem; position: relative; top: 50%; transform: translateY(-50%); @include breakpoint($narrow) { margin-left: 2rem; + border-bottom: 1px solid var(--grayscale-dark); + margin-bottom: 1rem; } } } -- GitLab