refactoring the code to have loops for easier future edit

This commit is contained in:
Calvin Jhunjhnuwala
2021-07-01 12:47:47 -07:00
50 changed files with 13868 additions and 4355 deletions

View File

@@ -11,7 +11,7 @@
}
#home-hero-graphic {
margin-left: auto;
width: 855px;
width: 608px;
margin-right: auto;
margin-bottom: 24px;
max-width: 100%;
@@ -40,6 +40,13 @@
}
}
// Page backgrounds
.landing-bg {
@include media-breakpoint-down(sm) {
opacity: .5;
}
}
// XRP Overview Page
#xrp-overview-blue {
position: absolute;
@@ -253,6 +260,36 @@
}
}
.page-references {
// TODO: unique card footer images (these ones are reused at random)
#refs-types .card-deck {
.card:nth-child(1) .card-footer {
background-image: url(../img/cards/3col-orange-2.svg);
}
.card:nth-child(2) .card-footer {
background-image: url(../img/cards/3col-green-2.svg);
}
.card:nth-child(3) .card-footer {
background-image: url(../img/cards/3col-magenta.svg);
}
}
#xrpl-protocol .card-deck {
.card:nth-child(1) .card-footer {
background-image: url(../img/cards/4col-light-blue-4.svg);
}
.card:nth-child(2) .card-footer {
background-image: url(../img/cards/4col-blue-green-2.svg);
}
.card:nth-child(3) .card-footer {
background-image: url(../img/cards/4col-yellow-3.svg);
}
.card:nth-child(4) .card-footer {
background-image: url(../img/cards/4col-purple-blue.svg);
}
}
}
.page-calculator {
.calculator-section-description {