Skip to content

Instantly share code, notes, and snippets.

@astrocean

astrocean/dabblet.css

Forked from csssecrets/dabblet.css
Created June 22, 2016 07:39
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save astrocean/30c45093a133935206c35e6264f52729 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save astrocean/30c45093a133935206c35e6264f52729 to your computer and use it in GitHub Desktop.
Download ZIP
Letterpress
Raw
dabblet.css
/**
* Letterpress
*/
body {
font: 250%/1.6 Baskerville, Palatino, serif;
}
p {
padding: .8em 1em;
background: hsl(210, 13%, 60%);
color: hsl(210, 13%, 30%);
text-shadow:1px 1px black,1px 1px black,-1px -1px black,-1px -1px black;
transition: 1s;
}
P:hover{
background: #203;
color: #ffc;
text-shadow: 0 0 .1em, 0 0 .3em;}
p + p {
background: hsl(210, 13%, 30%);
color: hsl(210, 13%, 60%);
text-shadow: 0 -1px 1px black;
}
Raw
dabblet.html
<p>“The only way to get rid of a temp­ta­tion is to yield to it.”</p>
<p>“The only way to get rid of a temp­ta­tion is to yield 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