blackicedbear/FHC-Core
1
0
Fork 0
mirror of https://github.com/FH-Complete/FHC-Core.git synced 2026-06-01 20:29:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

SVG Icons

Browse Source
This commit is contained in:
chfhtw
2025-10-23 11:47:33 +02:00
parent 87ec4fd482
commit 8ddc2f02fe
1 changed files with 28 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/SvgIcons.css
+28
View File
@@ -0,0 +1,28 @@
/* Themable Variables */
:root {
--svg-icon-apps: var(--fhc-icon-apps, url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">\
<circle cx="15" cy="15" r="15"/>\
<circle cx="15" cy="50" r="15"/>\
<circle cx="15" cy="85" r="15"/>\
<circle cx="50" cy="15" r="15"/>\
<circle cx="50" cy="50" r="15"/>\
<circle cx="50" cy="85" r="15"/>\
<circle cx="85" cy="15" r="15"/>\
<circle cx="85" cy="50" r="15"/>\
<circle cx="85" cy="85" r="15"/>\
</svg>'));
}
.svg-icon {
display: inline-block;
width: 1rem;
line-height: 1;
background-color: currentColor;
}
.svg-icon:before {
content: "\00a0";
}
.svg-icon.svg-icon-apps {
-webkit-mask-image: var(--svg-icon-apps);
mask-image: var(--svg-icon-apps);
}