diff --git a/assets/scss/_menu.scss b/assets/scss/_menu.scss index f427496..24846fb 100644 --- a/assets/scss/_menu.scss +++ b/assets/scss/_menu.scss @@ -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; + } +} \ No newline at end of file diff --git a/exampleSite/config.toml b/exampleSite/config.toml index 460cfe7..da7723f 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -90,6 +90,12 @@ disableHugoGeneratorInject = false # enableSharingButtons = true + # Global language menu + # + # Enables the global language menu. + # + enableGlobalLanguageMenu = true + # Integrate Javascript files or stylesheets by adding the url to the external assets or by # linking local files with their path relative to the static folder, e.g. "css/styles.css" # diff --git a/layouts/partials/logo.html b/layouts/partials/logo.html index 19777ee..70072e2 100644 --- a/layouts/partials/logo.html +++ b/layouts/partials/logo.html @@ -1,4 +1,4 @@ - +