Skip to content

Instantly share code, notes, and snippets.

@usethetics
Forked from LeaVerou/dabblet.css
Created December 5, 2020 11:15
Show Gist options
  • Select an option

  • Save usethetics/eecefc7d1a0b4cae21c4e957b1b7f1df to your computer and use it in GitHub Desktop.

Select an option

Save usethetics/eecefc7d1a0b4cae21c4e957b1b7f1df to your computer and use it in GitHub Desktop.
Custom emoji markers with 1 custom property
/**
* Custom emoji markers with 1 custom property
*/
::marker {
content: var(--marker);
}
.pros-cons {
--marker: "๐Ÿ‘๐Ÿผ";
}
.con {
--marker: "๐Ÿ‘Ž๐Ÿผ";
}
<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>
// alert('Hello world!');
{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment