mirror of
https://github.com/godotengine/godot-website.git
synced 2025-12-31 09:48:43 +03:00
bf79f99062
* Add plugin and initial `es` translation * Add missing features to plugin * Translate home page and sponsors * Add language selector and widen nav * Fix mobile style and language selector * Add js helper file * Update header.css * translate footer
57 lines
924 B
SCSS
57 lines
924 B
SCSS
---
|
|
---
|
|
/* Overwriting nav style */
|
|
header {
|
|
box-shadow: none;
|
|
margin-bottom: -70px;
|
|
background-color: rgba(134, 144, 154, 0.15);
|
|
-webkit-backdrop-filter: blur(4px);
|
|
backdrop-filter: blur(4px);
|
|
}
|
|
|
|
@media (max-width: 1200px) {
|
|
input#nav_toggle_cb:checked~header {
|
|
background-color: var(--navbar-background-color);
|
|
}
|
|
}
|
|
|
|
nav#nav {
|
|
a {
|
|
color: white;
|
|
}
|
|
}
|
|
|
|
.nav-logo {
|
|
display: none;
|
|
&.dark-logo {
|
|
display: inline;
|
|
}
|
|
}
|
|
|
|
#nav_toggle_btn {
|
|
filter: invert(100%) saturate(0%) brightness(120%);
|
|
}
|
|
|
|
@media (max-width: 1200px) and (prefers-color-scheme: light) {
|
|
nav#nav a {
|
|
color: var(--navbar-link-color);
|
|
}
|
|
|
|
input#nav_toggle_cb:checked~header #nav_head {
|
|
#nav_toggle_btn {
|
|
filter: none;
|
|
}
|
|
.nav-logo {
|
|
display: inline;
|
|
}
|
|
.nav-logo.dark-logo {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
#nav .language-selector {
|
|
@media (min-width: 1200px) {
|
|
background-image: url(/assets/icons/language.svg) !important;
|
|
}
|
|
} |