kaholaz/hello-friend-ng
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add global language menu

Browse source
This commit is contained in:
Djordje Atlialp 2021-08-24 23:43:49 +02:00
parent 74b2f0329a
commit 04e1e08dbf
4 changed files with 104 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

82
assets/scss/_menu.scss
View file

@ -81,3 +81,85 @@
}
}
}
.submenu {
background: $light-background-header;
@media (prefers-color-scheme: dark) {
background: $dark-background-header;
}
@media (prefers-color-scheme: light) {
background: $light-background-header;
}
[data-theme=dark] & {
background: $dark-background-header;
}
[data-theme=light] & {
background: $light-background-header;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
li a, .dropbtn {
display: inline-block;
text-decoration: none;
}
li.dropdown {
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background: $dark-background-header;
@media (prefers-color-scheme: light) {
background: $light-background-header;
}
[data-theme=dark] & {
background: $dark-background-header;
}
[data-theme=light] & {
background: $light-background-header;
}
}
.dropdown-content a {
padding: 12px 20px;
text-decoration: none;
display: block;
text-align: left;
}
.dropdown-content a:hover {
background: $dark-background-header;
@media (prefers-color-scheme: light) {
background: $light-background-header;
}
[data-theme=dark] & {
background: $dark-background-header;
}
[data-theme=light] & {
background: $light-background-header;
}
}
.dropdown:hover .dropdown-content {
display: block;
}
}