Skip to content

Instantly share code, notes, and snippets.

@jaemskyle

jaemskyle/dabblet.css

Forked from LeaVerou/dabblet.css
Created March 25, 2014 16:00
Show Gist options
  • Save jaemskyle/9764968 to your computer and use it in GitHub Desktop.
Save jaemskyle/9764968 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. jaemskyle revised this gist Mar 25, 2014. No changes.
  2. @LeaVerou LeaVerou revised this gist Jan 27, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -3,5 +3,5 @@
    */

    min-height: 300px;
    background: tan url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="#58a"><rect x="50" width="50" height="50" /><rect y="50" width="50" height="50" /></svg>');
    background: tan url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="%2358a"><rect x="50" width="50" height="50" /><rect y="50" width="50" height="50" /></svg>');
    background-size: 20px 20px;
  3. @LeaVerou LeaVerou revised this gist Jan 27, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -3,5 +3,5 @@
    */

    min-height: 300px;
    background: tan url('data:image/svg+xml,%3Csvg%20width%3D%22100%22%20height%3D%22100%22%3E%3Crect%20x%3D%2250%22%20y%3D%220%22%20width%3D%2250%22%20height%3D%2250%22%20fill%3D%22%2358a%22/%3E%3Crect%20x%3D%220%22%20y%3D%2250%22%20width%3D%2250%22%20height%3D%2250%22%20fill%3D%22%2358a%22/%3E%3C/svg%3E');
    background: tan url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="#58a"><rect x="50" width="50" height="50" /><rect y="50" width="50" height="50" /></svg>');
    background-size: 20px 20px;
  4. @LeaVerou LeaVerou revised this gist Jan 27, 2014. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -2,5 +2,6 @@
    * urlencoded SVG checkerboard
    */

    min-height: 300px;
    background: tan url('data:image/svg+xml,%3Csvg%20width%3D%22100%22%20height%3D%22100%22%3E%3Crect%20x%3D%2250%22%20y%3D%220%22%20width%3D%2250%22%20height%3D%2250%22%20fill%3D%22%2358a%22/%3E%3Crect%20x%3D%220%22%20y%3D%2250%22%20width%3D%2250%22%20height%3D%2250%22%20fill%3D%22%2358a%22/%3E%3C/svg%3E');
    background-size: 20px 20px;
  5. @LeaVerou LeaVerou created this gist Jan 27, 2014.
    6 changes: 6 additions & 0 deletions dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,6 @@
    /**
    * urlencoded SVG checkerboard
    */

    background: tan url('data:image/svg+xml,%3Csvg%20width%3D%22100%22%20height%3D%22100%22%3E%3Crect%20x%3D%2250%22%20y%3D%220%22%20width%3D%2250%22%20height%3D%2250%22%20fill%3D%22%2358a%22/%3E%3Crect%20x%3D%220%22%20y%3D%2250%22%20width%3D%2250%22%20height%3D%2250%22%20fill%3D%22%2358a%22/%3E%3C/svg%3E');
    background-size: 20px 20px;
    1 change: 1 addition & 0 deletions dabblet.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    <!-- content to be placed inside <body>…</body> -->
    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","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}