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

Updated light mode graphics

Browse Source
This commit is contained in:
mDuo13
2021-08-18 14:42:38 -07:00
parent 75b82d592e
commit 5bbd1b1d7e
20 changed files with 308 additions and 812 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
styles/_pages.scss
View File

@@ -9,13 +9,6 @@
right: -3px;
top: 60px;
}
#home-hero-graphic {
margin-left: auto;
width: 856px;
margin-right: auto;
margin-bottom: 24px;
max-width: 100%;
}
.sidelinks {
&:hover {
@@ -28,10 +21,19 @@
}
.page-home {
#home-hero-graphic {
content: url("../img/home-hero.svg");
margin-left: auto;
width: 856px;
margin-right: auto;
margin-bottom: 24px;
max-width: 100%;
}
#benefits-list {
@each $benefit in "public", "streamlined", "performance", "low-cost", "community", "reliability" {
##{$benefit} {
content: url("../img/icons/#{$benefit}.svg")
content: url("../img/icons/#{$benefit}.svg");
}
}
}
@@ -40,7 +42,7 @@
$feature-cards: ["pink-purple", "neutral-blue", "light-green", "orange", "purple-blue-2"];
@for $i from 1 through 5 {
.col-new-card:nth-child(#{$i}) {
background-image: url("../img/cards/3col-#{nth($feature-cards, $i)}.svg")
background-image: url("../img/cards/3col-#{nth($feature-cards, $i)}.svg");
}
}
}
@@ -49,7 +51,7 @@
$gs-cards: ["orange-yellow", "magenta-orange", "purple-blue-green", "light-blue", "green-blue"];
@for $i from 1 through 5 {
.col-new-card:nth-child(#{$i}) {
background-image: url("../img/cards/3col-#{nth($gs-cards, $i)}.svg")
background-image: url("../img/cards/3col-#{nth($gs-cards, $i)}.svg");
}
}
}

8
styles/_top-banner.scss
View File

@@ -57,6 +57,10 @@ body {
$banner-top-offset: 146px;
.floating-nav {
top: $banner-top-offset;
}
.main h1:before,
.main h2:before,
.main h3:before,
@@ -88,6 +92,6 @@ html.light {
border-color: #E0E0E1;
}
}
}
}
}

5
styles/light/_light-theme.scss
View File

@@ -475,8 +475,11 @@ pre code {
// Individual page styles ------------------------------------------------------
// Homepage
.page-home {
#home-hero-graphic {
content: url("../img/lightmode/home-hero.svg");
}
#benefits-list {
@each $benefit in "public", "streamlined", "performance", "low-cost", "community", "reliability" {
##{$benefit} {