morri/hotel-am-see
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add compiled CSS for language switcher component

Browse source 
The SCSS for the lang-switcher was present but never compiled
into css/style.css, making the DE/EN toggle invisible.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jontil88 2026-03-13 23:45:44 +01:00
parent 2b462bc0e6
commit d925baae1d
1 changed files with 40 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
css/style.css
View file

@ -9626,3 +9626,43 @@ textarea {
.site-footer .social li a:hover {
background: #00c4a8;
color: #000; }
/* Language Switcher */
.lang-switcher {
display: inline-flex;
align-items: center;
margin-right: 15px;
position: relative;
top: -2px;
}
@media (max-width: 991.98px) {
.lang-switcher {
margin-right: 20px;
top: 0;
}
}
.lang-switcher .lang-option {
font-size: 13px;
font-weight: 700;
letter-spacing: 0.05em;
color: rgba(255, 255, 255, 0.5);
text-decoration: none;
padding: 4px 6px;
border-radius: 3px;
transition: 0.3s all ease;
}
.lang-switcher .lang-option:hover {
color: #fff;
}
.lang-switcher .lang-option.active {
color: #fff;
background: rgba(255, 255, 255, 0.15);
}
.lang-switcher .lang-option:focus-visible {
outline: 2px solid #00c4a8;
outline-offset: 2px;
}
.lang-switcher .lang-divider {
color: rgba(255, 255, 255, 0.3);
margin: 0 2px;
}