Corrected some color stylings regarding the top menu

This commit is contained in:
Christian Wolf 2022-08-18 11:46:37 +02:00
parent cdd249b802
commit 724aadb276

View File

@ -85,10 +85,19 @@
} }
&:hover, &:hover,
&:focus, &:focus {
color: var(--color-fg-top-hover, #000);
background-color: var(--color-bg-top-hover, #aaa);
}
&.active { &.active {
color: var(--color-fg-top-dark, #000); color: var(--color-fg-top-dark, #000);
background-color: var(--color-bg-top-dark, #aaa); background-color: var(--color-bg-top-dark, #aaa);
> .mod-menu__sub > li:hover {
color: var(--color-fg-top-dark);
background-color: var(--color-bg-top-dark);
}
} }
> .mod-menu__sub { > .mod-menu__sub {
@ -101,8 +110,8 @@
padding: 0; padding: 0;
} }
color: var(--color-fg-top-light, #000); color: var(--color-fg-top-sub);
background-color: var(--color-bg-top-light, #ddd); background-color: var(--color-bg-top-sub);
box-shadow: 3px 5px 5px 2px rgb(0 0 0 / 50%); box-shadow: 3px 5px 5px 2px rgb(0 0 0 / 50%);
> li { > li {
@ -120,10 +129,9 @@
} }
&:hover, &:hover,
&:focus, &:focus {
&.active { color: var(--color-fg-top-sub-hover, #000);
color: var(--color-fg-top-dark, #000); background-color: var(--color-bg-top-sub-hover, #aaa);
background-color: var(--color-bg-top-dark, #aaa);
} }
&:hover > a { &:hover > a {
@ -201,3 +209,12 @@ a.facebook {
} }
} }
} }
:root {
--color-fg-top-hover: #000;
--color-bg-top-hover: #ccc;
--color-fg-top-sub: #000;
--color-bg-top-sub: #eee;
--color-fg-top-sub-hover: #000;
--color-bg-top-sub-hover: #ccc;
}