21 lines
635 B
CSS
21 lines
635 B
CSS
/* shared/logo.css — paired with shared/logo.js. The wrapping anchor
|
|
inherits the logo's box and adds a subtle hover/focus affordance
|
|
so it reads as clickable without altering the logo's visual weight. */
|
|
|
|
.app-header__logo-link {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
text-decoration: none;
|
|
border-radius: var(--radius);
|
|
transition: opacity 0.15s, box-shadow 0.15s;
|
|
}
|
|
|
|
.app-header__logo-link:hover .app-header__logo,
|
|
.app-header__logo-link:focus-visible .app-header__logo {
|
|
opacity: 0.82;
|
|
}
|
|
|
|
.app-header__logo-link:focus-visible {
|
|
outline: 2px solid var(--primary);
|
|
outline-offset: 2px;
|
|
}
|