diff --git a/sass/_comments.scss b/sass/_comments.scss index 8ebb28a..3b5111b 100644 --- a/sass/_comments.scss +++ b/sass/_comments.scss @@ -85,7 +85,7 @@ box-shadow: var(--edge-highlight); border-radius: 999px; background-color: var(--fg-muted-1); - padding: 0.375rem 0.75rem; + padding: 0.375rem 0.75rem 0.375rem 0.5rem; color: var(--fg-color); font-size: 0.875rem; line-height: 1; @@ -111,8 +111,18 @@ } &::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; - content: "✓"; + background-color: var(--primary-color); + width: 0.75rem; + height: 0.75rem; + content: ""; } } } diff --git a/sass/_external.scss b/sass/_external.scss index dd62b37..b021b16 100644 --- a/sass/_external.scss +++ b/sass/_external.scss @@ -8,8 +8,8 @@ mask-size: cover; margin-inline-start: 0.25rem; background-color: var(--primary-color); - width: 0.75em; - height: 0.75em; + width: 0.75rem; + height: 0.75rem; content: ""; :root[dir*="rtl"] & {