ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-12-06 17:27:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'master' of https://github.com/JakeatRipple/xrpl-dev-portal into feat-community-visual—guide-download

Browse Source 
# Conflicts:
#	assets/css/devportal2022-v6.css
This commit is contained in:
Jake
2022-08-11 15:39:01 -07:00
parent b529d088e9 7e57790915
commit e010f5c2a8
28 changed files with 415 additions and 464 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
styles/_top-banner.scss
View File

@@ -1,8 +1,7 @@
.top-banner {
height: 46px;
background: url(../img/backgrounds/bg-apex-banner.svg);
background: url(../img/backgrounds/bg-apex-banner-2.png);
background-position: center;
background-color: #7919FF;
background-size: cover;
padding: 2px 0;
color: #fff;
@@ -13,32 +12,53 @@
@include media-breakpoint-up(md) {
padding: 5px 8px;
background: url(../img/backgrounds/bg-apex-banner-2-md.png);
background-position: center;
background-size: cover;
}
@include media-breakpoint-up(xl) {
background: url(../img/backgrounds/bg-apex-banner-2-lg.png);
background-position: center;
background-size: cover;
}
.btn {
margin-top: 4px;
margin-left: 8px;
margin-left: 4px;
font-size: 12px;
color: #fff;
padding: 2px 4px;
border: 1px solid #fff;
border-radius: 2px;
@include media-breakpoint-up(md) {
margin-top: 2px;
margin-top: 6px;
margin-left: 16px;
font-size: 16px;
padding: 4px 8px;
border: 1.5px solid #fff;
border-radius: 4px;
}
}
.btn-outline-secondary {
&:not(:disabled):not(.disabled):hover {
color: #111112;
background-color: #fff;
}
}
p {
padding-top: 15px;
font-size: 12px;
line-height: 15px;
line-height: 20px;
text-align: center;
margin: auto;
@include media-breakpoint-up(md) {
padding-top: 10px;
padding-top: 7px;
font-size: 16px;
width: initial;
line-height: 20px;
line-height: 24px;
}
}
}
@@ -84,13 +104,14 @@ $banner-top-offset: 146px;
html.light {
.top-banner {
.btn-outline-secondary {
color: #E0E0E1;
border-color: #E0E0E1;
color: #fff;
border-color: #fff;
&:not(:disabled):not(.disabled):hover {
color: #111112;
background-color: #E0E0E1;
border-color: #E0E0E1;
background-color: #fff;
border-color: #fff;
}
}