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.201.0

Browse Source
This commit is contained in:
TheGiddyLimit
2024-03-10 21:53:34 +00:00
parent b323d4123e
commit f00d1f3833
272 changed files with 24017 additions and 9350 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
scss/includes/nav.scss
View File

@@ -1,67 +1,69 @@
@import "vars";
@use "sass:color";
@use "vars";
// region Old
.nav {
.dropdown-menu--top {
.ve-dropdown-menu--top {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
@media (max-width: $width-screen-sm) {
@media (max-width: vars.$width-screen-sm) {
.nav > li > a {
border: 1px solid $rgb-border-grey;
border: 1px solid vars.$rgb-border-grey;
}
.night-mode .nav > li > a {
border-color: $rgb-border-grey--night;
border-color: vars.$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;
color: vars.$rgb-font--night;
background-color: vars.$rgb-bg--night;
border: 1px solid vars.$rgb-border-grey--trans-night;
border-top: 0;
&:focus,
&:hover {
background-color: lighten($rgb-bg--night, 2%);
color: white;
background-color: color.adjust(vars.$rgb-bg--night, $lightness: 2%);
color: #fff;
}
}
.nav > li.active > a {
&:focus,
&:hover {
color: white;
color: #fff;
}
}
.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;
background-color: color.adjust(vars.$rgb-bg--night, $lightness: 2%);
border-left: 1px solid vars.$rgb-link-blue;
border-right: 1px solid vars.$rgb-link-blue;
border-color: vars.$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;
background-color: vars.$rgb-off-black;
}
}
@media (max-width: $width-screen-lg) {
@media (max-width: vars.$width-screen-lg) {
.nav .caret--right {
transform: none;
}
.nav .dropdown-menu--side {
.nav .ve-dropdown-menu--side {
top: 100%;
left: 0;
}
@@ -93,16 +95,16 @@
&:focus,
&:hover {
background-color: $rgb-bg--alt;
background-color: vars.$rgb-bg--alt;
}
&--active {
background: $rgb-active-blue;
color: white;
background: vars.$rgb-active-blue;
color: #fff;
&:focus,
&:hover {
background: $rgb-active-blue--light;
background: vars.$rgb-active-blue--light;
}
}
}
@@ -115,22 +117,22 @@
&lnk-item {
padding: 3px 20px;
color: $rgb-off-black;
color: vars.$rgb-off-black;
&:focus,
&:hover {
background-color: $rgb-bg--alt;
background-color: vars.$rgb-bg--alt;
text-decoration: none;
}
&--active {
background: $rgb-active-blue;
color: white;
background: vars.$rgb-active-blue;
color: #fff;
&:focus,
&:hover {
background: $rgb-active-blue--light;
color: white;
background: vars.$rgb-active-blue--light;
color: #fff;
}
}
}
@@ -142,35 +144,35 @@
&head {
&:focus,
&:hover {
background-color: $rgb-bg--alt-night;
color: white;
background-color: vars.$rgb-bg--alt-night;
color: #fff;
}
&--active {
color: white;
color: #fff;
&:focus,
&:hover {
background: $rgb-active-blue--light;
background: vars.$rgb-active-blue--light;
}
}
}
&lnk-item {
color: $rgb-font--night;
color: vars.$rgb-font--night;
&:focus,
&:hover {
background-color: $rgb-bg--alt-night;
color: white;
background-color: vars.$rgb-bg--alt-night;
color: #fff;
}
&--active {
color: white;
color: #fff;
&:focus,
&:hover {
background: $rgb-active-blue--light;
background: vars.$rgb-active-blue--light;
}
}
}