Skip to content

Instantly share code, notes, and snippets.

@jcsrb

jcsrb/dabblet.css

Created July 30, 2012 16:02
Show Gist options
  • Save jcsrb/3208030 to your computer and use it in GitHub Desktop.
Save jcsrb/3208030 to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
dabblet.css
body{ display:block; }body:after{content:'';font-size: 1em;color: black;}
@media only screen and (min-device-width: 1cm){ body:after{content: 'min-device-width: 1cm'}}
@media only screen and (min-device-width: 2cm){ body:after{content: 'min-device-width: 2cm'}}
@media only screen and (min-device-width: 3cm){ body:after{content: 'min-device-width: 3cm'}}
@media only screen and (min-device-width: 4cm){ body:after{content: 'min-device-width: 4cm'}}
@media only screen and (min-device-width: 5cm){ body:after{content: 'min-device-width: 5cm'}}
@media only screen and (min-device-width: 6cm){ body:after{content: 'min-device-width: 6cm'}}
@media only screen and (min-device-width: 7cm){ body:after{content: 'min-device-width: 7cm'}}
@media only screen and (min-device-width: 8cm){ body:after{content: 'min-device-width: 8cm'}}
@media only screen and (min-device-width: 9cm){ body:after{content: 'min-device-width: 9cm'}}
@media only screen and (min-device-width: 10cm){ body:after{content: 'min-device-width: 10cm'}}
@media only screen and (min-device-width: 11cm){ body:after{content: 'min-device-width: 11cm'}}
@media only screen and (min-device-width: 12cm){ body:after{content: 'min-device-width: 12cm'}}
@media only screen and (min-device-width: 13cm){ body:after{content: 'min-device-width: 13cm'}}
@media only screen and (min-device-width: 14cm){ body:after{content: 'min-device-width: 14cm'}}
@media only screen and (min-device-width: 15cm){ body:after{content: 'min-device-width: 15cm'}}
@media only screen and (min-device-width: 16cm){ body:after{content: 'min-device-width: 16cm'}}
@media only screen and (min-device-width: 17cm){ body:after{content: 'min-device-width: 17cm'}}
@media only screen and (min-device-width: 18cm){ body:after{content: 'min-device-width: 18cm'}}
@media only screen and (min-device-width: 19cm){ body:after{content: 'min-device-width: 19cm'}}
@media only screen and (min-device-width: 20cm){ body:after{content: 'min-device-width: 20cm'}}
@media only screen and (min-device-width: 21cm){ body:after{content: 'min-device-width: 21cm'}}
@media only screen and (min-device-width: 22cm){ body:after{content: 'min-device-width: 22cm'}}
@media only screen and (min-device-width: 23cm){ body:after{content: 'min-device-width: 23cm'}}
@media only screen and (min-device-width: 24cm){ body:after{content: 'min-device-width: 24cm'}}
@media only screen and (min-device-width: 25cm){ body:after{content: 'min-device-width: 25cm'}}
@media only screen and (min-device-width: 26cm){ body:after{content: 'min-device-width: 26cm'}}
@media only screen and (min-device-width: 27cm){ body:after{content: 'min-device-width: 27cm'}}
@media only screen and (min-device-width: 28cm){ body:after{content: 'min-device-width: 28cm'}}
@media only screen and (min-device-width: 29cm){ body:after{content: 'min-device-width: 29cm'}}
@media only screen and (min-device-width: 30cm){ body:after{content: 'min-device-width: 30cm'}}
@media only screen and (min-device-width: 31cm){ body:after{content: 'min-device-width: 31cm'}}
@media only screen and (min-device-width: 32cm){ body:after{content: 'min-device-width: 32cm'}}
@media only screen and (min-device-width: 33cm){ body:after{content: 'min-device-width: 33cm'}}
@media only screen and (min-device-width: 34cm){ body:after{content: 'min-device-width: 34cm'}}
@media only screen and (min-device-width: 35cm){ body:after{content: 'min-device-width: 35cm'}}
@media only screen and (min-device-width: 36cm){ body:after{content: 'min-device-width: 36cm'}}
@media only screen and (min-device-width: 37cm){ body:after{content: 'min-device-width: 37cm'}}
@media only screen and (min-device-width: 38cm){ body:after{content: 'min-device-width: 38cm'}}
@media only screen and (min-device-width: 39cm){ body:after{content: 'min-device-width: 39cm'}}
@media only screen and (min-device-width: 40cm){ body:after{content: 'min-device-width: 40cm'}}
@media only screen and (min-device-width: 41cm){ body:after{content: 'min-device-width: 41cm'}}
@media only screen and (min-device-width: 42cm){ body:after{content: 'min-device-width: 42cm'}}
@media only screen and (min-device-width: 43cm){ body:after{content: 'min-device-width: 43cm'}}
@media only screen and (min-device-width: 44cm){ body:after{content: 'min-device-width: 44cm'}}
@media only screen and (min-device-width: 45cm){ body:after{content: 'min-device-width: 45cm'}}
@media only screen and (min-device-width: 46cm){ body:after{content: 'min-device-width: 46cm'}}
@media only screen and (min-device-width: 47cm){ body:after{content: 'min-device-width: 47cm'}}
@media only screen and (min-device-width: 48cm){ body:after{content: 'min-device-width: 48cm'}}
@media only screen and (min-device-width: 49cm){ body:after{content: 'min-device-width: 49cm'}}
@media only screen and (min-device-width: 50cm){ body:after{content: 'min-device-width: 50cm'}}
@media only screen and (min-device-width: 51cm){ body:after{content: 'min-device-width: 51cm'}}
@media only screen and (min-device-width: 52cm){ body:after{content: 'min-device-width: 52cm'}}
@media only screen and (min-device-width: 53cm){ body:after{content: 'min-device-width: 53cm'}}
@media only screen and (min-device-width: 54cm){ body:after{content: 'min-device-width: 54cm'}}
@media only screen and (min-device-width: 55cm){ body:after{content: 'min-device-width: 55cm'}}
@media only screen and (min-device-width: 56cm){ body:after{content: 'min-device-width: 56cm'}}
@media only screen and (min-device-width: 57cm){ body:after{content: 'min-device-width: 57cm'}}
@media only screen and (min-device-width: 58cm){ body:after{content: 'min-device-width: 58cm'}}
@media only screen and (min-device-width: 59cm){ body:after{content: 'min-device-width: 59cm'}}
@media only screen and (min-device-width: 60cm){ body:after{content: 'min-device-width: 60cm'}}
@media only screen and (min-device-width: 61cm){ body:after{content: 'min-device-width: 61cm'}}
@media only screen and (min-device-width: 62cm){ body:after{content: 'min-device-width: 62cm'}}
@media only screen and (min-device-width: 63cm){ body:after{content: 'min-device-width: 63cm'}}
@media only screen and (min-device-width: 64cm){ body:after{content: 'min-device-width: 64cm'}}
@media only screen and (min-device-width: 65cm){ body:after{content: 'min-device-width: 65cm'}}
@media only screen and (min-device-width: 66cm){ body:after{content: 'min-device-width: 66cm'}}
@media only screen and (min-device-width: 67cm){ body:after{content: 'min-device-width: 67cm'}}
@media only screen and (min-device-width: 68cm){ body:after{content: 'min-device-width: 68cm'}}
@media only screen and (min-device-width: 69cm){ body:after{content: 'min-device-width: 69cm'}}
@media only screen and (min-device-width: 60cm){ body:after{content: 'min-device-width: 70cm'}}
Raw
dabblet.html
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- content to be placed inside <body>…</body> -->
Raw
settings.json
{"view":"split","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