Skip to content

Commit feb2785

Browse files
author
Tim Bannister
committed
Highlight third party content disclaimer
When the (new) third party content disclaimer is the current target, highlight it with a flash of yellow that fades to a yellow background, rather than the usual gray.
1 parent 8a73630 commit feb2785

File tree

1 file changed

+20
-0
lines changed

1 file changed

+20
-0
lines changed

assets/scss/_custom.scss

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -343,6 +343,26 @@ main {
343343
}
344344
}
345345

346+
// Highlight disclaimer when targeted as a fragment
347+
348+
#third-party-content-disclaimer {
349+
color: #000;
350+
background: #f8f9fa;
351+
transition: all 0.5s ease;
352+
}
353+
354+
@keyframes disclaimer-highlight {
355+
from { background: #f8f922; color: #000; }
356+
50% { background: #f8f944; color: #000; }
357+
to { background: #f8f9cb; color: #000; }
358+
}
359+
360+
#third-party-content-disclaimer:target {
361+
color: #000;
362+
animation: disclaimer-highlight 1.25s ease;
363+
background: #f8f9cb;
364+
}
365+
346366
.deprecation-warning {
347367
padding: 20px;
348368
margin: 20px 0;

0 commit comments

Comments
 (0)