scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(BOOK-437): Fixed icon color of the check icon in lists

Browse Source 
Approved-by: Bianca Widstam
Approved-by: Matilda Landström
This commit is contained in:
Erik Tiekstra
2025-11-26 07:40:28 +00:00
parent b41aab56a6
commit 250b1f2eac
1 changed files with 13 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
packages/design-system/lib/components/JsonToHtml/jsontohtml.module.css
View File

@@ -81,27 +81,25 @@
margin-left: 0; margin-left: 0;
display: flex; display: flex;
gap: var(--Space-x1); gap: var(--Space-x1);
}
.heart > .li::before, &::before {
.li:has(.heart)::before, content: '';
.check > .li::before, position: relative;
.li:has(.check)::before { top: 3px;
content: ''; width: 16px;
position: relative; height: 16px;
top: 3px; display: inline-flex;
width: 16px; flex-shrink: 0;
height: 16px; background-color: var(--Icon-Accent);
display: inline-flex; mask-size: contain;
flex-shrink: 0; mask-repeat: no-repeat;
background-color: var(--Icon-Accent); }
mask-size: contain;
mask-repeat: no-repeat;
} }
.check > .li::before, .check > .li::before,
.li:has(.check)::before { .li:has(.check)::before {
mask-image: url('/_static/icons/check_circle.svg'); mask-image: url('/_static/icons/check_circle.svg');
background-color: var(--Icon-Interactive-Default);
} }
.heart > .li::before, .heart > .li::before,