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

Merge branch 'docs_community_fixes' into 2021_refresh

Browse Source
This commit is contained in:
mDuo13
2021-06-30 00:14:44 -07:00
parent 798be7e9af 38d3823550
commit e131386419
19 changed files with 3853 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
styles/_cards.scss
View File

@@ -1,5 +1,5 @@
.card-body > p,
.card-body > p:last-child {
.card-body > p:not(:last-child) {
padding: 0;
margin-bottom: 2rem;
}
@@ -15,8 +15,22 @@ a.card:hover h3 {
text-decoration: underline;
}
.circled-logo {
background-color: $gray-600;
border-radius: 50%;
padding: .75rem;
width: 50px;
height: 50px;
img {
width: 26px;
height: 26px;
}
margin-bottom: 0.75rem;
}
.card-deck {
margin-top: 2.5rem;
flex-grow: 1;
.card {
background-position: bottom;
background-repeat: no-repeat;
@@ -35,12 +49,25 @@ a.card:hover h3 {
}
}
.card-footer {
font-size: 0;
padding: 1rem;
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
border-top: 0;
}
@include media-breakpoint-down(md) {
margin-top: 2rem;
.card-body {
padding: 1rem;
}
&.row-cols-1 .card {
margin: .75rem;
max-width: calc(100% - 1.5rem);
}
&.row-cols-2 .card {
margin: .75rem;
max-width: calc(50% - 1.5rem);

5
styles/_github-edit.scss
View File

@@ -1,10 +1,11 @@
/* Edit on GitHub link ------------------------------------------------------ */
.github-edit-wrap .github-edit.nav-link {
.github-edit-wrap .github-edit {
background-image: url(../vendor/github-marks/GitHub-Mark-Light-32px.png);
background-size: 24px 24px;
background-position: left 12px center;
background-repeat: no-repeat;
padding-left: 48px;
text-decoration: none;
display: block;
margin-bottom: 1rem;
margin-top: .75rem;
}

2
styles/_landings.scss
View File

@@ -116,7 +116,7 @@
// In-body nav blocks - show as a table with → arrows
.nav {
.nav-link {
padding: 1rem 0;
padding: 1rem 2rem 1rem 0;
color: $gray-200;
border-bottom: 1px solid $gray-800;
position: relative;

62
styles/_pages.scss
View File

@@ -150,6 +150,21 @@
right: 0px;
}
#find-us-on-platforms .card-deck {
.card:nth-child(1) .card-footer {
background-image: url(../img/cards/4col-green-2.svg);
}
.card:nth-child(2) .card-footer {
background-image: url(../img/cards/4col-light-blue-3.svg);
}
.card:nth-child(3) .card-footer {
background-image: url(../img/cards/4col-magenta-3.svg);
}
.card:nth-child(4) .card-footer {
background-image: url(../img/cards/4col-orange-2.svg);
}
}
// FAQ Page
#faq-background {
@@ -179,57 +194,38 @@
}
}
#docs-browse-by {
@include media-breakpoint-up(lg) {
.col:not(:first-child) {
padding-left: 2.5rem;
}
.col:not(:last-child) {
padding-right: 2.5rem;
}
}
section {
@include media-breakpoint-down(md) {
.col:not(:first-child) {
padding-top: 4rem;
}
margin-bottom: 2.5rem;
}
}
#software-and-sdks .card-deck {
.card:nth-child(1) {
.card:nth-child(1) .card-footer {
background-image: url(../img/cards/4col-green.svg);
}
.card:nth-child(2) {
.card:nth-child(2) .card-footer {
background-image: url(../img/cards/4col-light-blue.svg);
}
.card:nth-child(3) {
.card:nth-child(3) .card-footer {
background-image: url(../img/cards/4col-orange.svg);
}
.card:nth-child(4) {
.card:nth-child(4) .card-footer {
background-image: url(../img/cards/4col-yellow.svg);
}
}
.circled-logo {
background-color: $gray-600;
border-radius: 50%;
padding: .75rem;
width: 50px;
height: 50px;
margin-bottom: 0.75rem;
}
#doc-types .card-deck {
.card:nth-child(1) {
.card:nth-child(1) .card-footer {
background-image: url(../img/cards/4col-orange-yellow.svg);
}
.card:nth-child(2) {
.card:nth-child(2) .card-footer {
background-image: url(../img/cards/4col-magenta.svg);
}
.card:nth-child(3) {
.card:nth-child(3) .card-footer {
background-image: url(../img/cards/4col-blue-green.svg);
}
.card:nth-child(4) {
.card:nth-child(4) .card-footer {
background-image: url(../img/cards/4col-light-blue-2.svg);
}
}
@@ -242,16 +238,16 @@
.page-docs-index,
.page-community {
#run-a-network-node .card-deck {
.card:nth-child(1) {
.card:nth-child(1) .card-footer {
background-image: url(../img/cards/4col-yellow-2.svg);
}
.card:nth-child(2) {
.card:nth-child(2) .card-footer {
background-image: url(../img/cards/4col-purple.svg);
}
.card:nth-child(3) {
.card:nth-child(3) .card-footer {
background-image: url(../img/cards/4col-magenta-2.svg);
}
.card:nth-child(4) {
.card:nth-child(4) .card-footer {
background-image: url(../img/cards/4col-light-green.svg);
}
}