Kategorie-Knöpfe (Start/DogFather/HasiDog/Manager/Medien/Links) sehen nicht mehr wie Buttons aus
Der Polarlicht-Schein war bisher permanent sichtbar (22% Deckkraft), dadurch wirkten alle Kategorien wie ausgefüllte Pillen-Buttons statt wie normale Nav-Links. Jetzt 0% im Ruhezustand (reiner Textlink-Look) und nur bei Hover/offenem Dropdown ein dezenter Farbschein als Hinweis.
This commit is contained in:
+7
-6
@@ -197,10 +197,11 @@ header.site-header {
|
|||||||
}
|
}
|
||||||
.nav-flat:hover, .nav-flat.active { color: var(--accent); }
|
.nav-flat:hover, .nav-flat.active { color: var(--accent); }
|
||||||
|
|
||||||
/* Augenschonende Polarlicht-Schimmer je Kategorie, in den echten Farben
|
/* Kein Button-/Pillen-Look im Ruhezustand mehr (0% Deckkraft) — die
|
||||||
der jeweiligen Welt (siehe theme-dogfather/-hasidog/-spicymedia.css) —
|
Kategorien sehen bei Dogi so aus wie normale Textlinks. Der Farbschein
|
||||||
sehr dezent im Ruhezustand, etwas kräftiger bei Hover/offenem Dropdown.
|
in den echten Farben der jeweiligen Welt (siehe theme-dogfather/
|
||||||
Bewusst subtil (niedrige Deckkraft), damit die Kopfzeile ruhig bleibt. */
|
-hasidog/-spicymedia.css) taucht NUR bei Hover/offenem Dropdown ganz
|
||||||
|
dezent auf, als kleiner Hinweis statt als ständige Box. */
|
||||||
.nav-group > button::before, .nav-flat::before {
|
.nav-group > button::before, .nav-flat::before {
|
||||||
content: "";
|
content: "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -210,7 +211,7 @@ header.site-header {
|
|||||||
radial-gradient(circle at 28% 30%, var(--brand-1, transparent), transparent 62%),
|
radial-gradient(circle at 28% 30%, var(--brand-1, transparent), transparent 62%),
|
||||||
radial-gradient(circle at 74% 72%, var(--brand-2, transparent), transparent 62%);
|
radial-gradient(circle at 74% 72%, var(--brand-2, transparent), transparent 62%);
|
||||||
filter: blur(9px) saturate(1.25);
|
filter: blur(9px) saturate(1.25);
|
||||||
opacity: .22;
|
opacity: 0;
|
||||||
animation: nav-cta-aurora 11s ease-in-out infinite alternate;
|
animation: nav-cta-aurora 11s ease-in-out infinite alternate;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
transition: opacity .3s ease;
|
transition: opacity .3s ease;
|
||||||
@@ -219,7 +220,7 @@ header.site-header {
|
|||||||
.nav-group.open > button::before,
|
.nav-group.open > button::before,
|
||||||
.nav-flat:hover::before,
|
.nav-flat:hover::before,
|
||||||
.nav-flat.active::before {
|
.nav-flat.active::before {
|
||||||
opacity: .5;
|
opacity: .32;
|
||||||
}
|
}
|
||||||
@media (prefers-reduced-motion: reduce) {
|
@media (prefers-reduced-motion: reduce) {
|
||||||
.nav-group > button::before, .nav-flat::before { animation: none; }
|
.nav-group > button::before, .nav-flat::before { animation: none; }
|
||||||
|
|||||||
Reference in New Issue
Block a user