summaryrefslogtreecommitdiff
path: root/themes/hugo-coder/assets/scss/_navigation_dark.scss
diff options
context:
space:
mode:
authorRyan Schanzenbacher <ryan@rschanz.org>2021-12-26 00:30:09 -0500
committerRyan Schanzenbacher <ryan@rschanz.org>2021-12-26 00:30:09 -0500
commit98a21b966410c127e74b16e7a2817882ee16560f (patch)
treeee646c86e3d3f0fa1cd952294d49feeeb700d60f /themes/hugo-coder/assets/scss/_navigation_dark.scss
parente6eec31b71ab728f6610f4e764b2e206fb95f940 (diff)
convert theme from submodule to regular files
Diffstat (limited to 'themes/hugo-coder/assets/scss/_navigation_dark.scss')
m---------themes/hugo-coder0
-rw-r--r--themes/hugo-coder/assets/scss/_navigation_dark.scss68
2 files changed, 68 insertions, 0 deletions
diff --git a/themes/hugo-coder b/themes/hugo-coder
deleted file mode 160000
Subproject 55b2a150f990bc56364dba347bc9acc6aab07be
diff --git a/themes/hugo-coder/assets/scss/_navigation_dark.scss b/themes/hugo-coder/assets/scss/_navigation_dark.scss
new file mode 100644
index 0000000..4cbd554
--- /dev/null
+++ b/themes/hugo-coder/assets/scss/_navigation_dark.scss
@@ -0,0 +1,68 @@
1@mixin navigation_dark {
2 .navigation {
3
4 a,
5 span {
6 color: $fg-color-dark;
7 }
8
9 a {
10
11 &:hover,
12 &:focus {
13 color: $link-color-dark;
14 }
15 }
16
17 .navigation-list {
18 @media only screen and (max-width: 768px) {
19 background-color: $bg-color-dark;
20 border-top: solid 2px $alt-bg-color-dark;
21 border-bottom: solid 2px $alt-bg-color-dark;
22 }
23
24 .menu-separator {
25 @media only screen and (max-width: 768px) {
26 border-top: 2px solid $fg-color-dark;
27 }
28 }
29 }
30
31 #menu-toggle {
32 @media only screen and (max-width: 768px) {
33 &:checked+label>i {
34 color: $alt-bg-color-dark;
35 }
36 }
37 }
38
39 i {
40 color: $fg-color-dark;
41
42 &:hover,
43 &:focus {
44 color: $link-color-dark;
45 }
46 }
47
48 .menu-button {
49 i {
50
51 &:hover,
52 &:focus {
53 color: $alt-fg-color-dark;
54 }
55 }
56 }
57 }
58}
59
60body.colorscheme-dark {
61 @include navigation_dark();
62}
63
64body.colorscheme-auto {
65 @media (prefers-color-scheme: dark) {
66 @include navigation_dark();
67 }
68}