mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-11-04 03:45:49 +00:00
SCSS changes for removing banner
This commit is contained in:
mDuo13
File diff suppressed because one or more lines are too long
@@ -203,6 +203,7 @@ section {
|
||||
.xrp-ledger-dev-portal.sidebar-primary .main {
|
||||
z-index: 5;
|
||||
padding: 2rem;
|
||||
top: 80px;
|
||||
min-height: 700px;
|
||||
}
|
||||
|
||||
|
||||
@@ -80,11 +80,12 @@ aside .active-parent > a {
|
||||
}
|
||||
&.nav-parent {
|
||||
padding-top: 0;
|
||||
|
||||
|
||||
.nav-link {
|
||||
padding-left: 0;
|
||||
padding-top: 0;
|
||||
font-size: 1.125rem;
|
||||
line-height: initial;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -1,254 +1,4 @@
|
||||
/* sticky APEX banner */
|
||||
@keyframes pulsate {
|
||||
}
|
||||
|
||||
.banner-container,
|
||||
html.light .banner-container {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
background-color: $accent-blue-90;
|
||||
color: $white;
|
||||
overflow: hidden;
|
||||
|
||||
height: 36px;
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
height: 48px;
|
||||
}
|
||||
|
||||
& > img {
|
||||
height: 36px;
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
height: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
& > div {
|
||||
line-height: 36px;
|
||||
font-family: Work Sans;
|
||||
font-weight: 600;
|
||||
font-size: 3vw;
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
font-size: 22px;
|
||||
line-height: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
.d-xxl-block {
|
||||
// nonstandard-breakpoint for this banner only
|
||||
@media (min-width: 1400px) {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
|
||||
.apex-reg {
|
||||
text-align: center;
|
||||
|
||||
@include media-breakpoint-up(md) {
|
||||
padding: 0 1rem;
|
||||
}
|
||||
}
|
||||
.apex-highlight {
|
||||
color: $apex-2023-green;
|
||||
}
|
||||
|
||||
.apex-circled {
|
||||
padding: 0 1rem;
|
||||
text-transform: uppercase;
|
||||
white-space: nowrap;
|
||||
transition: border-color 0.5s ease;
|
||||
|
||||
// sm breakpoint
|
||||
border: 2px solid $white;
|
||||
height: 36px;
|
||||
line-height: 32px;
|
||||
border-radius: 32px;
|
||||
font-size: 2vw;
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
border-width: 3px;
|
||||
height: 48px;
|
||||
line-height: 42px; // height minus 2 borders
|
||||
border-radius: 40px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(xl) {
|
||||
font-size: 19px;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
color: $white;
|
||||
|
||||
.apex-highlight {
|
||||
color: $apex-2023-green;
|
||||
}
|
||||
|
||||
.highlight-yellow {
|
||||
border-color: $yellow;
|
||||
}
|
||||
|
||||
.highlight-purple {
|
||||
border-color: $magenta;
|
||||
}
|
||||
}
|
||||
&:active,
|
||||
&:focus {
|
||||
background-color: $accent-blue-90 !important;
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
.token-banner-container,
|
||||
html.light .token-banner-container {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
background-color: $accent-blue-90;
|
||||
color: $white;
|
||||
height: 48px;
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
& > img {
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
& > div {
|
||||
font-family: Work Sans;
|
||||
font-weight: 600;
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
.d-xxl-block {
|
||||
@media (min-width: 1400px) {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
|
||||
.token-reg {
|
||||
text-align: center;
|
||||
line-height: 48px;
|
||||
font-size: 16px;
|
||||
padding: 0 1rem;
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
line-height: 60px;
|
||||
}
|
||||
|
||||
// Nonstandard "xxl" breakpoint again
|
||||
@media (min-width: 1400px) {
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
.token-highlight {
|
||||
color: $apex-2023-green;
|
||||
@include media-breakpoint-up(sm) {
|
||||
line-height: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
.token-circled {
|
||||
padding: 0 1rem;
|
||||
text-transform: uppercase;
|
||||
white-space: nowrap;
|
||||
transition: border-color 0.5s ease;
|
||||
|
||||
// xs breakpoint
|
||||
border: 2px solid $white;
|
||||
height: 36px;
|
||||
line-height: 32px;
|
||||
border-radius: 32px;
|
||||
font-size: 8px; // min legible font size
|
||||
margin-top: 6px;
|
||||
|
||||
@include media-breakpoint-up(sm) {
|
||||
font-size: 2vw; // font scales up from here
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
border-width: 3px;
|
||||
height: 48px;
|
||||
line-height: 42px;
|
||||
border-radius: 40px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(xl) {
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
color: $white;
|
||||
|
||||
.token-highlight {
|
||||
color: $apex-2023-green; /* Adjust as needed */
|
||||
}
|
||||
|
||||
.highlight-yellow {
|
||||
border-color: $yellow;
|
||||
}
|
||||
|
||||
.highlight-purple {
|
||||
border-color: $magenta;
|
||||
}
|
||||
}
|
||||
|
||||
&:active,
|
||||
&:focus {
|
||||
background-color: $accent-blue-90 !important;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.js-clock {
|
||||
padding-top: 3px;
|
||||
@include media-breakpoint-up(lg) {
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
||||
.box {
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
font-size: 14px;
|
||||
line-height: 22px;
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.clock-number {
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
}
|
||||
|
||||
.highlight-purple{
|
||||
@include media-breakpoint-down(lg) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
.token-highlight{
|
||||
margin-right:10px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* old "pencil banner" style, currently unused */
|
||||
/* "pencil banner" style, currently unused */
|
||||
.top-banner {
|
||||
height: 46px;
|
||||
background: url(../img/backgrounds/bg-apex-banner.svg);
|
||||
@@ -302,18 +52,6 @@ html.light .token-banner-container {
|
||||
}
|
||||
}
|
||||
|
||||
.top-nav {
|
||||
position: sticky;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.right-sidebar,
|
||||
.left-sidebar {
|
||||
@include media-breakpoint-up(lg) {
|
||||
top: 100px;
|
||||
}
|
||||
}
|
||||
|
||||
$banner-top-offset: 108px;
|
||||
|
||||
.floating-nav {
|
||||
|
||||
@@ -4,9 +4,9 @@
|
||||
"node-sass": "^7.0.0"
|
||||
},
|
||||
"scripts": {
|
||||
"build-css": "node-sass --include-path scss xrpl.scss ../assets/css/devportal2022-v24.css --output-style compressed",
|
||||
"build-css-out": "node-sass --include-path scss xrpl.scss ../out/assets/css/devportal2022-v24.css --output-style compressed --source-map true",
|
||||
"build-css-watch-out": "node-sass --recursive --watch --include-path scss xrpl.scss ../out/assets/css/devportal2022-v24.css --output-style compressed --source-map true"
|
||||
"build-css": "node-sass --include-path scss xrpl.scss ../assets/css/devportal2022-v25.css --output-style compressed",
|
||||
"build-css-out": "node-sass --include-path scss xrpl.scss ../out/assets/css/devportal2022-v25.css --output-style compressed --source-map true",
|
||||
"build-css-watch-out": "node-sass --recursive --watch --include-path scss xrpl.scss ../out/assets/css/devportal2022-v25.css --output-style compressed --source-map true"
|
||||
},
|
||||
"dependencies": {
|
||||
"sass": "^1.26.10"
|
||||
|
||||
@@ -67,7 +67,7 @@ $line-height-base: 1.5;
|
||||
@import "_blog.scss";
|
||||
@import "_feedback.scss";
|
||||
@import "_video.scss";
|
||||
@import "_top-banner.scss";
|
||||
// @import "_top-banner.scss";
|
||||
@import "_toml-checker.scss";
|
||||
@import "_tutorials.scss";
|
||||
@import "_docs-landing.scss";
|
||||
|
||||
@@ -52,7 +52,7 @@
|
||||
{% if target.lang=="ja" %}
|
||||
<link href="{{currentpage.prefix}}assets/css/fonts-ja.css" rel="stylesheet" />
|
||||
{% endif %}
|
||||
<link href="{{currentpage.prefix}}assets/css/devportal2022-v24.css" rel="stylesheet" />
|
||||
<link href="{{currentpage.prefix}}assets/css/devportal2022-v25.css" rel="stylesheet" />
|
||||
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3" />
|
||||
|
||||
|
||||
Reference in New Issue
Block a user