tweak mobile design

This commit is contained in:
Jeppe Ernst 2018-04-24 21:43:32 +02:00
parent 10b7b121ca
commit 6259bbd3b4
1 changed files with 12 additions and 0 deletions

View File

@ -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;
}
}
}