Skip to content

Instantly share code, notes, and snippets.

@guidobouman

guidobouman/dabblet.css

Created July 11, 2013 13:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save guidobouman/5975294 to your computer and use it in GitHub Desktop.
Save guidobouman/5975294 to your computer and use it in GitHub Desktop.
Download ZIP
Centered dynamic text.
Raw
dabblet.css
/**
* Centered dynamic text.
*/
@import url(http://fonts.googleapis.com/css?family=Lato:100);
html {
height: 100%;
}
body {
background: #1abc9c;
background: radial-gradient(ellipse 100% 100%, rgba(0,0,0,0), rgba(0,0,0,0.05), rgba(0,0,0,0.2), rgba(0,0,0,1)),
linear-gradient(30deg, #1abc9c, #2980b9);
height: 100%;
min-height: 100%;
font-weight: 100;
font-family: Lato;
color: #ffffff;
letter-spacing:2px;
text-transform:;
font-size: 400%;
text-align: center;
}
.table {
display: table;
width: 100%;
height: 100%;
}
.cell {
display: table-cell;
vertical-align: middle;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<body>
<div class="table">
<div class="cell">
<h1>Fonky, yo!</h1>
</div>
</div>
</body>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split-vertical","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