From 6259bbd3b4fd5a2e88222900a6cbede543b81ea6 Mon Sep 17 00:00:00 2001 From: Jeppe Ernst Date: Tue, 24 Apr 2018 21:43:32 +0200 Subject: [PATCH] tweak mobile design --- _scss/module/_donationCounter.scss | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/_scss/module/_donationCounter.scss b/_scss/module/_donationCounter.scss index db6089e5..ee4cd872 100644 --- a/_scss/module/_donationCounter.scss +++ b/_scss/module/_donationCounter.scss @@ -3,6 +3,7 @@ $donationCounter_percentFromGoal: 100 - ($donationCounter_donated / $donationCou .donationCounter { width: 100%; height: 80px; + font-size: 1.3rem; background: linear-gradient(to right, #49a540 50%, #407b3b 50%); position: absolute; background-size: 200%; @@ -42,4 +43,15 @@ $donationCounter_percentFromGoal: 100 - ($donationCounter_donated / $donationCou to { background-position: $donationCounter_percentFromGoal + unquote("%"); } +} + +@include media-breakpoint-down(sm) { + #intro { + padding-bottom: 6rem; + } + .donationCounter { + &:before, &:after { + display: none; + } + } } \ No newline at end of file