tweak mobile design
This commit is contained in:
parent
10b7b121ca
commit
6259bbd3b4
|
@ -3,6 +3,7 @@ $donationCounter_percentFromGoal: 100 - ($donationCounter_donated / $donationCou
|
||||||
.donationCounter {
|
.donationCounter {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 80px;
|
height: 80px;
|
||||||
|
font-size: 1.3rem;
|
||||||
background: linear-gradient(to right, #49a540 50%, #407b3b 50%);
|
background: linear-gradient(to right, #49a540 50%, #407b3b 50%);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
background-size: 200%;
|
background-size: 200%;
|
||||||
|
@ -43,3 +44,14 @@ $donationCounter_percentFromGoal: 100 - ($donationCounter_donated / $donationCou
|
||||||
background-position: $donationCounter_percentFromGoal + unquote("%");
|
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