mirror of
https://github.com/XRPLF/xrpl-dev-portal.git
synced 2025-12-02 09:35:53 +00:00
Light mode: more fixes & cleanup:
- Remove lots more unused files - Make light mode toggles for Exchange and Wallet images - Change layout for exchanges and wallets to work better at some screen widths (between mobile and full 1080p) - Fix light mode styles for some dev tools, carbon calculator, Edit button, footer, etc.
This commit is contained in:
@@ -57,6 +57,53 @@ section {
|
||||
}
|
||||
}
|
||||
|
||||
// Nav grids -------------------------------------------------------------------
|
||||
|
||||
.nav-grid-lg {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.nav-item {
|
||||
width: 100%;
|
||||
|
||||
.nav-link {
|
||||
display: flex;
|
||||
|
||||
span {
|
||||
flex-grow: 0;
|
||||
}
|
||||
|
||||
img {
|
||||
max-height: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav-grid-head {
|
||||
margin-top: 2.5rem;
|
||||
}
|
||||
|
||||
@include media-breakpoint-up(lg) {
|
||||
display: grid;
|
||||
grid-auto-flow: column;
|
||||
grid-column-gap: 80px;
|
||||
|
||||
.nav-grid-head {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@for $i from 1 through 5 {
|
||||
.cols-of-#{$i} {
|
||||
@include media-breakpoint-up(lg) {
|
||||
grid-template-rows: repeat($i, min-content);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Card Grid styles ------------------------------------------------------------
|
||||
|
||||
.card-grid {
|
||||
|
||||
Reference in New Issue
Block a user