Skip to content

Instantly share code, notes, and snippets.

@usethetics

usethetics/dabblet.css

Forked from LeaVerou/dabblet.css
Created December 5, 2020 11:15
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save usethetics/eecefc7d1a0b4cae21c4e957b1b7f1df to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save usethetics/eecefc7d1a0b4cae21c4e957b1b7f1df to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. usethetics revised this gist Dec 5, 2020. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion settings.json
    View file
    Original file line number Diff line number Diff line change
    @@ -1 +1 @@
    {"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
    {"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
  2. @LeaVerou LeaVerou revised this gist Nov 17, 2020. No changes.
  3. @LeaVerou LeaVerou created this gist Nov 17, 2020.
    15 changes: 15 additions & 0 deletions dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,15 @@
    /**
    * Custom emoji markers with 1 custom property
    */

    ::marker {
    content: var(--marker);
    }

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

    .con {
    --marker: "👎🏼";
    }
    11 changes: 11 additions & 0 deletions dabblet.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,11 @@
    <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>
    1 change: 1 addition & 0 deletions dabblet.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    // alert('Hello world!');
    1 change: 1 addition & 0 deletions settings.json
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    {"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}