Skip to content

Instantly share code, notes, and snippets.

@selva2code

selva2code/dabblet.css

Forked from csssecrets/dabblet.css
Last active January 10, 2016 19:57
Show Gist options

  • Select an option

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

Select an option

Learn more about clone URLs
Save selva2code/dd7ba86b2f83625c4f0c to your computer and use it in GitHub Desktop.
Download ZIP
Custom underlines
Raw
dabblet.css
/**
* 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.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;
}
Raw
dabblet.html
<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>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment