ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-20 19:55:54 +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);
}
}
}

2
template/pagetype-tutorials.html.jinja
View File

@@ -195,7 +195,7 @@
{% for category in categoriesTutorials %}
<h5 id="{{category.id}}">{{category.title}}</h5>
<p>{{category.description}}</p>
<div id="tutorial-cards" class="card-grid card-grid-3xN tutorial-card-grid">
<div id="{{category.id}}-cards" class="card-grid card-grid-3xN tutorial-card-grid">
{% for child in category.children %}
{{ tutorialCard(child.title, child.description, child.href, child.img, child.external)}}
{% endfor %}