rhi/yummy.cricket
1
0
Fork 0
Code Issues Releases Activity

use svgs for icons

Browse source
This commit is contained in:
Rhiannon Morris 2020-08-10 05:10:33 +02:00
parent c3747d7339
commit 83553cd0c7
5 changed files with 13 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

14
style.css
View file

@ -111,7 +111,9 @@ dd {
text-decoration-thickness: 2px;
}
[title]::after {
content: url(images/info_small.png);
content: url(images/info.svg);
display: inline-block;
width: 0.75em; height: 0.75em;
vertical-align: text-top;
mix-blend-mode: hard-light;
}
@ -141,15 +143,18 @@ section h2::before, section h2::after {
mix-blend-mode: overlay;
padding: 0 0.25em;
vertical-align: middle;
display: inline-block;
height: 1em; width: 1em;
}
.cake::before, .cake::after { content: url(images/shortcake_large.png); }
header rt::before, header rt::after { content: url(images/star_small.png); }
.cake::before, .cake::after { content: url(images/shortcake.svg); }
header rt::before, header rt::after { content: url(images/star.svg); }
section h2::before, section h2::after {
content: url(images/sparkles_large.png);
content: url(images/sparkles.svg);
}
.emojo {
vertical-align: middle;
height: 1.2em; width: 1.2em;
}
footer {
@ -171,7 +176,6 @@ footer {
}
footer .emojo {
display: block;
grid-area: e;
}