Cameron/5etools-mirror-2.github.io
1
0
Fork 0
mirror of https://github.com/Kornstalx/5etools-mirror-2.github.io.git synced 2025-10-28 20:45:35 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

v1.198.1

Browse Source
This commit is contained in:
TheGiddyLimit
2024-01-01 19:34:49 +00:00
parent 332769043f
commit 8117ebddc5
1748 changed files with 2544409 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

179
scss/includes/nav.scss Normal file
View File

@@ -0,0 +1,179 @@
@import "vars";
// region Old
.nav {
.dropdown-menu--top {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
@media (max-width: $width-screen-sm) {
.nav > li > a {
border: 1px solid $rgb-border-grey;
}
.night-mode .nav > li > a {
border-color: $rgb-border-grey--night;
}
}
.night-mode {
.nav > li:not(.active) > a {
color: $rgb-font--night;
background-color: $rgb-bg--night;
border: 1px solid $rgb-border-grey--trans-night;
border-top: 0;
&:focus,
&:hover {
background-color: lighten($rgb-bg--night, 2%);
color: white;
}
}
.nav > li.active > a {
&:focus,
&:hover {
color: white;
}
}
.nav li.open > a,
.nav li.open > a:focus,
.nav li.open > a:hover {
background-color: lighten($rgb-bg--night, 2%);
border-left: 1px solid $rgb-link-blue;
border-right: 1px solid $rgb-link-blue;
border-color: $rgb-link-blue;
}
.nav li.active.open > a,
.nav li.active.open > a:focus,
.nav li.active.open > a:hover {
background-color: $rgb-off-black;
}
}
@media (max-width: $width-screen-lg) {
.nav .caret--right {
transform: none;
}
.nav .dropdown-menu--side {
top: 100%;
left: 0;
}
}
// endregion
// region New
.nav2 {
&-list__ {
&label {
padding: 0 20px;
}
&disp-source {
display: inline-block;
height: 15px;
border-left: 1px solid;
position: relative;
border-right: 1px solid;
top: 2px;
margin-right: 7px;
margin-left: 4px;
}
}
&-accord__ {
&head {
padding: 3px 7px 3px 20px;
&:focus,
&:hover {
background-color: $rgb-bg--alt;
}
&--active {
background: $rgb-active-blue;
color: white;
&:focus,
&:hover {
background: $rgb-active-blue--light;
}
}
}
&body {
padding: 3px 0 3px 35px;
display: flex;
flex-direction: column;
}
&lnk-item {
padding: 3px 20px;
color: $rgb-off-black;
&:focus,
&:hover {
background-color: $rgb-bg--alt;
text-decoration: none;
}
&--active {
background: $rgb-active-blue;
color: white;
&:focus,
&:hover {
background: $rgb-active-blue--light;
color: white;
}
}
}
}
}
.night-mode .nav2 {
&-accord__ {
&head {
&:focus,
&:hover {
background-color: $rgb-bg--alt-night;
color: white;
}
&--active {
color: white;
&:focus,
&:hover {
background: $rgb-active-blue--light;
}
}
}
&lnk-item {
color: $rgb-font--night;
&:focus,
&:hover {
background-color: $rgb-bg--alt-night;
color: white;
}
&--active {
color: white;
&:focus,
&:hover {
background: $rgb-active-blue--light;
}
}
}
}
}
// endregion