AI update: הוסף לאתר כפתור צף (floating toggle) בפינת המסך שמאפשר החלפה בין עברית לאנגלית. צור תרגום מלא לאנגלית של כל תוכן האתר הק
This commit is contained in:
@@ -123,6 +123,65 @@ button, input, select, textarea {
|
||||
}
|
||||
}
|
||||
|
||||
/* ========================
|
||||
LANGUAGE TOGGLE
|
||||
======================== */
|
||||
|
||||
.lang-toggle {
|
||||
position: fixed;
|
||||
bottom: 24px;
|
||||
left: 24px;
|
||||
z-index: 1001;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 12px 18px;
|
||||
background: var(--accent);
|
||||
color: var(--text-light);
|
||||
border: none;
|
||||
border-radius: 100px;
|
||||
cursor: pointer;
|
||||
font-family: var(--font-display);
|
||||
font-size: 0.9rem;
|
||||
font-weight: 600;
|
||||
box-shadow: var(--shadow-lg);
|
||||
transition: var(--transition-base);
|
||||
}
|
||||
|
||||
.lang-toggle:hover {
|
||||
background: var(--accent-dark);
|
||||
transform: translateY(-2px);
|
||||
box-shadow: var(--shadow-xl);
|
||||
}
|
||||
|
||||
.lang-toggle:focus {
|
||||
outline: 3px solid var(--accent-light);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
.lang-toggle:focus:not(:focus-visible) {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.lang-toggle:focus-visible {
|
||||
outline: 3px solid var(--accent-light);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
.lang-toggle-icon {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.lang-toggle-text {
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
[dir="ltr"] .lang-toggle {
|
||||
left: auto;
|
||||
right: 24px;
|
||||
}
|
||||
|
||||
/* ========================
|
||||
SKIP LINK
|
||||
======================== */
|
||||
|
||||
Reference in New Issue
Block a user