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

Browse Source
This commit is contained in:
TheGiddyLimit
2024-05-06 22:24:37 +01:00
parent 99cb60d804
commit 9c8ae15ff7
113 changed files with 1022 additions and 852 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
scss/includes/nav.scss
View File

@@ -1,6 +1,7 @@
@use "sass:color";
@use "vars";
@use "../vars/vars";
@use "../vars/vars-night";
// region Old
.nav {
@@ -16,21 +17,21 @@
border: 1px solid vars.$rgb-border-grey;
}
.night-mode .nav > li > a {
border-color: vars.$rgb-border-grey--night;
.ve-night-mode .nav > li > a {
border-color: vars-night.$rgb-border-grey--night;
}
}
.night-mode {
.ve-night-mode {
.nav > li:not(.active) > a {
color: vars.$rgb-font--night;
background-color: vars.$rgb-bg--night;
border: 1px solid vars.$rgb-border-grey--trans-night;
color: vars-night.$rgb-font--night;
background-color: vars-night.$rgb-bg--night;
border: 1px solid vars-night.$rgb-border-grey--trans-night;
border-top: 0;
&:focus,
&:hover {
background-color: color.adjust(vars.$rgb-bg--night, $lightness: 2%);
background-color: color.adjust(vars-night.$rgb-bg--night, $lightness: 2%);
color: #fff;
}
}
@@ -45,7 +46,7 @@
.nav li.open > a,
.nav li.open > a:focus,
.nav li.open > a:hover {
background-color: color.adjust(vars.$rgb-bg--night, $lightness: 2%);
background-color: color.adjust(vars-night.$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;
@@ -139,12 +140,12 @@
}
}
.night-mode .nav2 {
.ve-night-mode .nav2 {
&-accord__ {
&head {
&:focus,
&:hover {
background-color: vars.$rgb-bg--alt-night;
background-color: vars-night.$rgb-bg--alt-night;
color: #fff;
}
@@ -159,11 +160,11 @@
}
&lnk-item {
color: vars.$rgb-font--night;
color: vars-night.$rgb-font--night;
&:focus,
&:hover {
background-color: vars.$rgb-bg--alt-night;
background-color: vars-night.$rgb-bg--alt-night;
color: #fff;
}