Skip to content

Instantly share code, notes, and snippets.

@csssecrets

csssecrets/dabblet.css

Last active September 19, 2021 17:15
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save csssecrets/58f3d67d5bb0f8338776 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save csssecrets/58f3d67d5bb0f8338776 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. csssecrets revised this gist Feb 5, 2015. 2 changed files with 0 additions and 9 deletions.
    8 changes: 0 additions & 8 deletions dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -17,12 +17,4 @@ p:nth-child(2) a {
    background: linear-gradient(90deg, gray 66%, transparent 0) repeat-x;
    background-size: .2em 2px;
    background-position: 0 1em;
    }

    p:nth-child(3) a {
    background: linear-gradient(-45deg, transparent 40%, red 0, red 60%, transparent 0),
    linear-gradient(45deg, transparent 40%, red 0, red 60%, transparent 0);
    background-repeat: repeat-x;
    background-position: 0 1em, .1em 1em;
    background-size: .2em .1em;
    }
    1 change: 0 additions & 1 deletion dabblet.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,3 +1,2 @@
    <p>“The only way to <a>get rid of a temp­ta­tion</a> is to <a>yield</a> to it.”</p>
    <p>“The only way to <a>get rid of a temp­ta­tion</a> is to <a>yield</a> to it.”</p>
    <p>“The only way to <a>get rid of a temp­ta­tion</a> is to <a>yield</a> to it.”</p>
  2. csssecrets revised this gist Feb 5, 2015. 2 changed files with 9 additions and 0 deletions.
    8 changes: 8 additions & 0 deletions dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -17,4 +17,12 @@ p:nth-child(2) a {
    background: linear-gradient(90deg, gray 66%, transparent 0) repeat-x;
    background-size: .2em 2px;
    background-position: 0 1em;
    }

    p:nth-child(3) a {
    background: linear-gradient(-45deg, transparent 40%, red 0, red 60%, transparent 0),
    linear-gradient(45deg, transparent 40%, red 0, red 60%, transparent 0);
    background-repeat: repeat-x;
    background-position: 0 1em, .1em 1em;
    background-size: .2em .1em;
    }
    1 change: 1 addition & 0 deletions dabblet.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1,2 +1,3 @@
    <p>“The only way to <a>get rid of a temp­ta­tion</a> is to <a>yield</a> to it.”</p>
    <p>“The only way to <a>get rid of a temp­ta­tion</a> is to <a>yield</a> to it.”</p>
    <p>“The only way to <a>get rid of a temp­ta­tion</a> is to <a>yield</a> to it.”</p>
  3. csssecrets revised this gist Feb 5, 2015. 2 changed files with 8 additions and 1 deletion.
    8 changes: 7 additions & 1 deletion dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -9,6 +9,12 @@ body {
    a {
    background: linear-gradient(gray, gray) no-repeat;
    background-size: 100% 1px;
    background-position: 0 1.05em;
    background-position: 0 1.02em;
    text-shadow: .05em 0 white, -.05em 0 white;
    }

    p:nth-child(2) a {
    background: linear-gradient(90deg, gray 66%, transparent 0) repeat-x;
    background-size: .2em 2px;
    background-position: 0 1em;
    }
    1 change: 1 addition & 0 deletions dabblet.html
    View file
    Original file line number Diff line number Diff line change
    @@ -1 +1,2 @@
    <p>“The only way to <a>get rid of a temp­ta­tion</a> is to <a>yield</a> to it.”</p>
    <p>“The only way to <a>get rid of a temp­ta­tion</a> is to <a>yield</a> to it.”</p>
  4. csssecrets created this gist Feb 5, 2015.
    14 changes: 14 additions & 0 deletions dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,14 @@
    /**
    * Custom underlines
    */

    body {
    font: 250%/1.6 Baskerville, Palatino, serif;
    }

    a {
    background: linear-gradient(gray, gray) no-repeat;
    background-size: 100% 1px;
    background-position: 0 1.05em;
    text-shadow: .05em 0 white, -.05em 0 white;
    }
    1 change: 1 addition & 0 deletions dabblet.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    <p>“The only way to <a>get rid of a temp­ta­tion</a> is to <a>yield</a> to it.”</p>
    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"}