make download link more obvious but hide it for tiny images
This commit is contained in:
parent
9a54cc0d53
commit
ed88f03bab
2 changed files with 8 additions and 4 deletions
|
@ -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%);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue