From 934d3b5d798b0cf47e0dcdf36cf9a047bb0efcb8 Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Mon, 17 Dec 2018 14:32:05 +0100
Subject: Tweak banner border on mobile

---
 packages/website/ts/@next/components/banner.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

(limited to 'packages/website/ts')

diff --git a/packages/website/ts/@next/components/banner.tsx b/packages/website/ts/@next/components/banner.tsx
index e779c5889..df6454c86 100644
--- a/packages/website/ts/@next/components/banner.tsx
+++ b/packages/website/ts/@next/components/banner.tsx
@@ -137,4 +137,11 @@ const Border = styled.div<BorderProps>`
     top: ${props => !props.isBottom && 0 };
     bottom: ${props => props.isBottom && 0 };
     transform: translate(-112px);
+
+    @media (max-width: 768px) {
+        width: calc(100% + 82px);
+        height: 40px;
+        transform: translate(-41px);
+        background-size: auto 80px;
+    }
 `;
-- 
cgit