tweak mobile design
This commit is contained in:
parent
10b7b121ca
commit
6259bbd3b4
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Reference in a new issue