Custom emoji markers with 1 custom property

dabblet.css

/**
 * Custom emoji markers with 1 custom property
 */
ul {
  color: red;
}

li {
  color:orange;
  }

.con::marker {
content: "2";

}

.pros-cons {
	--marker: "👍🏼";
}

.con {
	--marker: "👎🏼";
}

dabblet.html

<ul>
	<li>&lt;ul> with no --marker specified</li>
	<li>Second item</li>
	<li style="--marker: '🥳'">Inline --marker</li>
</ul>
<ol>
	<li>&lt;ol> with no --marker specified</li>
	<li>Second item</li>
</ol>

<ul class="pros-cons"><li class="con">con</li><li>pro</li></ul>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}