Hi, would it be possible in the next release to batter Monaco over the head a bit so that it recognises slightly newer CSS?
At the moment, it certainly does not like nested selectors which are valid in all mainstream browsers since late 2023.
Example:
ul#shoplist { /* ul with id of shoplist */
padding-left: 0;
cursor: pointer;
& li {
/* Turn off normal list entry icons so we can control them */
list-style-type: none;
/* top/bottom, left/right - add padding so easier for user to touch on a phone */
padding: 0.5em 0;
border-top: 3px solid var(--surface2);
}
& li.success { /* list entry with class of success */
font-weight: bold;
}
/* Manually add a list entry icon so we can resize it - this is the default (not selected) version */
& li::before {
content: "✖️";
font-size: 2rem;
vertical-align: middle;
/* line-height: 20px; */
padding-right: 0.5em;
}
/* this is the selected version */
& li.success::before {
content: "âś…";
}
}