Skip to content

Instantly share code, notes, and snippets.

@tamalw

tamalw/dabblet.css

Created June 11, 2018 21:38
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 tamalw/e620753825772bbdcfcb1c81317ed885 to your computer and use it in GitHub Desktop.
Save tamalw/e620753825772bbdcfcb1c81317ed885 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
*/
.monogram {
display: block;
width: 100px;
height: 100px;
line-height: 100px;
margin: 20px;
background: linear-gradient(180deg, rgb(166,171,183), rgb(134,138,147));
border-radius: 50px;
font-family: -apple-system ;
font-weight: bold;
color: white;
font-size: 42px;
text-align: center;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="monogram">TW</div>
<div class="monogram">SM</div>
<div class="monogram">SC</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