hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Don't duplicate icons in the resulting CSS

Browse Source 
Intead, use CSS variables.
This commit is contained in:
daudix
2024-08-26 21:43:56 +03:00
parent 2f00256c0f
commit 3121386fd3
12 changed files with 128 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
sass/_footnotes-list.scss
View File

@ -5,13 +5,13 @@
}
a[href*="#fr-"] {
$mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M5 14a1 1 0 0 1-.707-.293l-4-4a1 1 0 0 1 0-1.414l4-4a1 1 0 1 1 1.414 1.414L3.414 8H12c1.117 0 2-.883 2-2s-.883-2-2-2c-.55 0-1-.45-1-1s.45-1 1-1c2.2 0 4 1.8 4 4s-1.8 4-4 4H3.414l2.293 2.293A1 1 0 0 1 5 14m0 0'/%3E%3C/svg%3E");
-webkit-mask-image: $mask;
--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M5 14a1 1 0 0 1-.707-.293l-4-4a1 1 0 0 1 0-1.414l4-4a1 1 0 1 1 1.414 1.414L3.414 8H12c1.117 0 2-.883 2-2s-.883-2-2-2c-.55 0-1-.45-1-1s.45-1 1-1c2.2 0 4 1.8 4 4s-1.8 4-4 4H3.414l2.293 2.293A1 1 0 0 1 5 14m0 0'/%3E%3C/svg%3E");
-webkit-mask-image: var(--icon);
-webkit-user-select: none;
-webkit-mask-size: cover;
display: inline-block;
vertical-align: -0.3125em;
mask-image: $mask;
mask-image: var(--icon);
mask-size: cover;
transition: var(--transition);
background-color: var(--fg-muted-4);