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:
mDuo13
2021-07-13 16:53:04 -07:00
parent 88cb4f45de
commit b800df6c93
68 changed files with 2640 additions and 350 deletions

View File

@@ -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 {