ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-20 11:45:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

update footer colors

Browse Source
This commit is contained in:
Phu Pham
2023-05-02 14:23:12 -04:00
parent 175a322885
commit f83076bbb8
2 changed files with 53 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
styles/_tutorials.scss
View File

@@ -1,28 +1,60 @@
/* Tutorials ---------------------------------------------------------------- */
#tutorial-cards {
.card:nth-child(1) .card-footer {
background-image: url(../img/cards/4col-light-blue-3.svg);
.tutorial-content {
#beginner-cards {
.card:nth-child(1) .card-footer {
background-image: url(../img/cards/4col-magenta-3.svg);
}
}
.card:nth-child(2) .card-footer {
background-image: url(../img/cards/4col-purple-blue-2.svg);
#sdk-cards {
.card:nth-child(1) .card-footer {
background-image: url(../img/cards/4col-light-blue-3.svg);
}
.card:nth-child(2) .card-footer {
background-image: url(../img/cards/4col-magenta-3.svg);
}
.card:nth-child(3) .card-footer {
background-image: url(../img/cards/4col-green-2.svg);
}
.card:nth-child(4) .card-footer {
background-image: url(../img/cards/4col-yellow-2.svg);
}
}
.card:nth-child(3) .card-footer {
background-image: url(../img/cards/4col-magenta-3.svg);
#use-cases-cards {
.card:nth-child(1) .card-footer {
background-image: url(../img/cards/3col-green-purple.svg);
}
.card:nth-child(2) .card-footer {
background-image: url(../img/cards/3-col-light-blue-2.svg);
}
.card:nth-child(3) .card-footer {
background-image: url(../img/cards/3-col-purple.svg);
}
}
.card:nth-child(4) .card-footer {
background-image: url(../img/cards/4col-green-2.svg);
#servers-cards {
.card:nth-child(1) .card-footer {
background-image: url(../img/cards/4col-orange-yellow.svg);
}
.card:nth-child(2) .card-footer {
background-image: url(../img/cards/3-col-light-blue-2.svg);
}
.card:nth-child(3) .card-footer {
background-image: url(../img/cards/3-col-pink2.svg);
}
.card:nth-child(4) .card-footer {
background-image: url(../img/cards/3-col-purple-blue.svg);
}
}
.card:nth-child(5) .card-footer {
background-image: url(../img/cards/4col-orange-yellow-2.svg);
}
.card:nth-child(6) .card-footer {
background-image: url(../img/cards/4col-blue-purple.svg);
}
.card:nth-child(7) .card-footer {
background-image: url(../img/cards/4col-yellow-2.svg);
}
.card:nth-child(8) .card-footer {
background-image: url(../img/cards/4col-orange-2.svg);
#businesses-cards {
.card:nth-child(1) .card-footer {
background-image: url(../img/cards/4col-light-blue-3.svg);
}
.card:nth-child(2) .card-footer {
background-image: url(../img/cards/3col-green.svg);
}
}
}