Skip to content

Instantly share code, notes, and snippets.

@allenwlee

allenwlee/dabblet.css

Created January 5, 2014 06:38
Show Gist options
  • Save allenwlee/8265163 to your computer and use it in GitHub Desktop.
Save allenwlee/8265163 to your computer and use it in GitHub Desktop.
Download ZIP
The first commented line is your dabblet’s title
Raw
dabblet.css
/**
* The first commented line is your dabblet’s title
*/
body {
background-color: #fff;
}
.container {
}
.logo {
color: #000;
font-family: Quicksand;
font-size: 36px;
}
#a {
text-transform: lowercase;
font-weight: 300;
float: left;
}
#b {
text-transform: uppercase;
font-weight: 300;
float: left;
}
#c {
text-transform: lowercase;
font-weight: 300;
float: left;
}
#subhead {
font-size: 18px;
}
Raw
dabblet.html
<link href='http://fonts.googleapis.com/css?family=Quicksand:300,400,700' rel='stylesheet' type='text/css'>
<!-- content to be placed inside <body>…</body> -->
<div class='container'>
<div class="logo" id="a">
s+udio
</div>
<div class="logo" id="b">
comps
</div>
<div class="logo" id="c">
</div>
</div>
<div class="logo" id="subhead">
forecasting tools for the creative professional
</div>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment