mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-08-04 05:31:44 -04:00
37b710b57f
The visual convention for redaction is heavy black crossing-out. Our text colour isn’t always black exactly though (usually it’s very dark grey, sometimes just dark grey). `currentColor` is a magical CSS value that let’s us set the background colour to whatever the text colour is. So both the text and redaction look like they are part of the same thing. Couple of subtle visual things here: - opacity to make the colour better match the text colour – a filled box naturally looks darker than thin text, so this knocks it back a bit - an inset shadow to take a few pixels of the bottom edge – the visual weight of text is biased upwards because text has ore capital letters and ascenders than descenders – this make it look aligned visually