Skip to content

Instantly share code, notes, and snippets.

@swati16
Forked from secondfret/dabblet.css
Created April 8, 2020 08:06
Show Gist options
  • Save swati16/4dedfb9a955b5ae980baa2cb59c4a468 to your computer and use it in GitHub Desktop.
Save swati16/4dedfb9a955b5ae980baa2cb59c4a468 to your computer and use it in GitHub Desktop.
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
* {
margin: 0; padding: 0;
}
body {
background: #ededed;
padding: 50px;
}
#container {
width: 480px;
}
h2 {
font: 100px/1.3 'Oleo Script', Helvetica, sans-serif;
color: rgba(0,0,0,0.8);
text-shadow: 4px 4px 0px rgba(0,0,0,0.1);
}
p {
color: rgba(0,0,0,0.7);
font: 12px/1.5 Helvetica, sans-serif;
}
<!-- content to be placed inside <body>…</body> -->
<link href='http://fonts.googleapis.com/css?family=Oleo+Script' rel='stylesheet' type='text/css'>
<div id="container">
<h2>Oleo Script</h2>
<p>It was the best of times, it was the worst of times, it was the age of wisdom, it was the age of foolishness, it was the epoch of belief, it was the epoch of incredulity, it was the season of Light, it was the season of Darkness, it was the spring of hope, it was the winter of despair, we had everything before us, we had nothing before us, we were all going direct to Heaven, we were all going direct the other way- in short, the period was so far like the present period, that some of its noisiest authorities insisted on its being received, for good or for evil, in the superlative degree of comparison only.</p>
</div>
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment