make download link more obvious but hide it for tiny images

This commit is contained in:
Rhiannon Morris 2020-11-24 21:18:20 +01:00
parent 9a54cc0d53
commit ed88f03bab
2 changed files with 8 additions and 4 deletions

View file

@ -22,15 +22,15 @@
background: hsl(340, 45%, 65%);
}
#mainfig::after {
content: attr(data-width) '×' attr(data-height);
#mainfig:not(.tiny)::after {
content: 'click for full (' attr(data-width) '×' attr(data-height) ')';
position: absolute;
top: calc(0px - var(--border-thickness));
right: calc(0px - var(--border-thickness));
padding: 0.15em 1.25em 0.15em 0.75em;
font-size: 60%;
font-size: 70%;
font-weight: 700;
background: hsl(0, 0%, 0%, 50%);