Commit 4ff73f56 authored by Stephanie Kirtiadi's avatar Stephanie Kirtiadi
Browse files

Styling addition for donate thank you page.

Styling for donate-thank-you that is moved to the project
repo.

Issue #48276
parent c5c8dfb4
......@@ -21,6 +21,20 @@
}
}
.header-description {
margin-bottom: 30px;
p {
color: $white;
}
.content-center {
margin: 0 auto;
}
.share-icons img {
margin: 20px 10px 0;
width: 50px;
}
}
.donate-form {
box-sizing: border-box;
.bold {
......@@ -668,3 +682,23 @@
color: $black;
}
}
.donate-page {
padding: 40px 20px;
width: 95%;
margin: 0 auto;
@include media-breakpoint-up(lg) {
max-width: 940px
}
.thank-you {
text-align: center;
hr {
border-top: 1px solid $green;
max-width: 106px;
margin: 40px auto;
}
.btn {
text-transform: uppercase;
}
}
}
......@@ -8169,6 +8169,16 @@ a.side-nav.active {
margin: 0 auto;
height: auto; } }
.header-description {
margin-bottom: 30px; }
.header-description p {
color: #FFFFFF; }
.header-description .content-center {
margin: 0 auto; }
.header-description .share-icons img {
margin: 20px 10px 0;
width: 50px; }
.donate-form {
box-sizing: border-box; }
.donate-form .bold {
......@@ -8723,4 +8733,20 @@ a.side-nav.active {
font-family: monospace;
color: #000; }
.donate-page {
padding: 40px 20px;
width: 95%;
margin: 0 auto; }
@media (min-width: 992px) {
.donate-page {
max-width: 940px; } }
.donate-page .thank-you {
text-align: center; }
.donate-page .thank-you hr {
border-top: 1px solid #68B030;
max-width: 106px;
margin: 40px auto; }
.donate-page .thank-you .btn {
text-transform: uppercase; }
/*# sourceMappingURL=bootstrap.css.map */
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -25,6 +25,15 @@
<div class="row pb-5">
<h2 class="mx-auto display-3 text-white text-capitalize">{% block title %}{{ this.title }}{% endblock %}</h2>
</div>
{% if this.header_description_alignment == 'center' %}
<div class="row text-center header-description">
{% elif this.header_description_alignment == 'right' %}
<div class="row text-right header-description">
{% else %}
<div class="row header-description">
{% endif %}
{{ this.header_description }}
</div>
</div>
{% endif %}
</div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment