slt/template
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Corrected some color stylings regarding the top menu

Browse Source
This commit is contained in:
Christian Wolf 2022-08-18 11:46:37 +02:00
parent cdd249b802
commit 724aadb276
1 changed files with 24 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
slt/css/layout/_topmenu.scss
View File

@ -85,10 +85,19 @@
}
&:hover,
&:focus,
&:focus {
color: var(--color-fg-top-hover, #000);
background-color: var(--color-bg-top-hover, #aaa);
}
&.active {
color: var(--color-fg-top-dark, #000);
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 {
@ -101,8 +110,8 @@
padding: 0;
}
color: var(--color-fg-top-light, #000);
background-color: var(--color-bg-top-light, #ddd);
color: var(--color-fg-top-sub);
background-color: var(--color-bg-top-sub);
box-shadow: 3px 5px 5px 2px rgb(0 0 0 / 50%);
> li {
@ -120,10 +129,9 @@
}
&:hover,
&:focus,
&.active {
color: var(--color-fg-top-dark, #000);
background-color: var(--color-bg-top-dark, #aaa);
&:focus {
color: var(--color-fg-top-sub-hover, #000);
background-color: var(--color-bg-top-sub-hover, #aaa);
}
&: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;
}