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

fix mobile stlying

Browse Source
This commit is contained in:
jonathanlei
2023-08-30 18:54:19 -07:00
parent 88c58ba77d
commit 01875cbbb5
4 changed files with 70 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
styles/_top-banner.scss
View File

@@ -146,6 +146,27 @@ html.light .token-banner-container {
}
}
.hide-on-mobile {
@include media-breakpoint-down(sm) {
display: none !important;
}
}
.show-on-mobile {
display: none;
@include media-breakpoint-down(sm) {
display: inline !important;
}
}
@include media-breakpoint-up(md) {
.hide-on-mobile,
.show-on-mobile {
display: inline !important;
}
}
.token-highlight {
color: $apex-2023-green;
@include media-breakpoint-up(sm) {
@@ -207,6 +228,45 @@ html.light .token-banner-container {
margin-right: 10px;
font-size: 14px;
}
.clock-number {
font-variant-numeric: tabular-nums;
}
.js-clock .box {
display: inline-block;
margin-right: 10px;
}
.js-clock .box:last-child {
margin-right: 0;
}
.token-circled,
#js-clock {
@include media-breakpoint-down(sm) {
display: none;
}
}
@include media-breakpoint-up(md) {
.token-reg,
.token-circled,
#js-clock {
display: inline-block;
margin-top: 10px;
}
}
@include media-breakpoint-down(sm) {
.show-on-mobile {
display: inline-block;
}
.highlight-yellow{
margin-top:10px;
}
.token-highlight{
margin-right:10px;
}
}
}
/* old "pencil banner" style, currently unused */
@@ -314,15 +374,3 @@ html.light {
}
}
}
.clock-number {
font-variant-numeric: tabular-nums;
}
.js-clock .box {
display: inline-block;
margin-right: 10px;
}
.js-clock .box:last-child {
margin-right: 0;
}