mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-30 00:25:49 +00:00
refactoring the code to have loops for easier future edit
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user