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

Use icon for the verified checkmark

Browse Source
This commit is contained in:
daudix
2024-07-24 03:20:06 +03:00
parent c960669527
commit 0dc01a5332
2 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
sass/_comments.scss
View File

@ -85,7 +85,7 @@
box-shadow: var(--edge-highlight); box-shadow: var(--edge-highlight);
border-radius: 999px; border-radius: 999px;
background-color: var(--fg-muted-1); background-color: var(--fg-muted-1);
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem 0.375rem 0.5rem;
color: var(--fg-color); color: var(--fg-color);
font-size: 0.875rem; font-size: 0.875rem;
line-height: 1; line-height: 1;
@ -111,8 +111,18 @@
} }
&::before { &::before {
$icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='m1 7 3 3 7-8' style='fill:none;stroke:%23000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none'/%3E%3C/svg%3E");
-webkit-mask-image: $icon;
-webkit-mask-size: cover;
display: inline-block;
vertical-align: -0.0625rem;
mask-image: $icon;
mask-size: cover;
margin-inline-end: 0.25rem; margin-inline-end: 0.25rem;
content: "✓"; background-color: var(--primary-color);
width: 0.75rem;
height: 0.75rem;
content: "";
} }
} }
} }

4
sass/_external.scss
View File

@ -8,8 +8,8 @@
mask-size: cover; mask-size: cover;
margin-inline-start: 0.25rem; margin-inline-start: 0.25rem;
background-color: var(--primary-color); background-color: var(--primary-color);
width: 0.75em; width: 0.75rem;
height: 0.75em; height: 0.75rem;
content: ""; content: "";
:root[dir*="rtl"] & { :root[dir*="rtl"] & {