style: DRY footer btn CSS, add trailing newline, drop wrong section ordinal
This commit is contained in:
@@ -38,7 +38,8 @@
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.deepdrft-footer-links a {
|
||||
.deepdrft-footer-links a,
|
||||
.deepdrft-footer-links button {
|
||||
font-family: var(--deepdrft-font-mono);
|
||||
font-size: 0.62rem;
|
||||
letter-spacing: 0.18em;
|
||||
@@ -48,7 +49,8 @@
|
||||
transition: color 0.2s;
|
||||
}
|
||||
|
||||
.deepdrft-footer-links a:hover { color: var(--deepdrft-navy); }
|
||||
.deepdrft-footer-links a:hover,
|
||||
.deepdrft-footer-links button:hover { color: var(--deepdrft-navy); }
|
||||
|
||||
.deepdrft-footer-copy {
|
||||
font-family: var(--deepdrft-font-mono);
|
||||
@@ -57,26 +59,18 @@
|
||||
color: var(--deepdrft-muted);
|
||||
}
|
||||
|
||||
/* PRIVACY trigger — visually matches the footer <a> links (same font, size, casing, colour).
|
||||
Reset all button chrome so it reads as a link, not a button element. */
|
||||
/* PRIVACY trigger — reset button chrome so it reads as a link, not a button element.
|
||||
Typography/colour shared with footer <a> links via the grouped selector above. */
|
||||
.deepdrft-footer-privacy-btn {
|
||||
font-family: var(--deepdrft-font-mono);
|
||||
font-size: 0.62rem;
|
||||
letter-spacing: 0.18em;
|
||||
text-transform: uppercase;
|
||||
color: var(--deepdrft-muted);
|
||||
text-decoration: none;
|
||||
transition: color 0.2s;
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
cursor: pointer;
|
||||
line-height: inherit;
|
||||
font-family: inherit;
|
||||
}
|
||||
|
||||
.deepdrft-footer-privacy-btn:hover { color: var(--deepdrft-navy); }
|
||||
|
||||
@media (max-width: 440px) {
|
||||
.deepdrft-footer {
|
||||
padding: 1.5rem;
|
||||
|
||||
@@ -919,7 +919,7 @@ body:has(.deepdrft-queue-overlay) {
|
||||
}
|
||||
|
||||
/* =============================================================================
|
||||
17. PRIVACY OVERLAY
|
||||
PRIVACY OVERLAY
|
||||
Screen-centered modal following the same MudOverlay idiom as the visualizer
|
||||
controls and queue overlays. MudOverlay portals to body — CSS isolation cannot
|
||||
reach portaled content, so chrome lives here in the global sheet.
|
||||
|
||||
Reference in New Issue
Block a user