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