adam/wp-73k
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

added scss for non-icon svg, unused but available

Browse source
This commit is contained in:
Adam Piontek 2021-07-26 11:06:26 -04:00
parent 028efdcc67
commit 86c74cfbcf
1 changed files with 21 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
assets/css/_svg-icons.scss
View file

@ -2,21 +2,26 @@
SVG ICON SYSTEM SVG ICON SYSTEM
per https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4 per https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4
*/ */
.icon { .icon {
display: inline-flex; display: inline-flex;
align-self: center; align-self: center;
} }
.icon svg, .icon svg,
.icon img { .icon img {
height: 1em; height: 1em;
width: 1em; width: 1em;
fill: currentColor; fill: currentColor;
} }
.icon.baseline svg, .icon.baseline svg,
.icon img { .icon img {
top: 0.15em; top: 0.15em;
position: relative; position: relative;
} }
svg {
&.img {
fill: currentColor;
}
}