Skip to content

Instantly share code, notes, and snippets.

/dabblet.css

Created September 9, 2016 09:58
Show Gist options
  • Save anonymous/736fc269a0c64f24b0d4961f6b8993a8 to your computer and use it in GitHub Desktop.
Save anonymous/736fc269a0c64f24b0d4961f6b8993a8 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: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
::-webkit-datetime-edit { padding: 1em; }
::-webkit-datetime-edit-fields-wrapper { background: silver; }
::-webkit-datetime-edit-text { color: red; padding: 0 0.3em; }
::-webkit-datetime-edit-month-field { color: blue; }
::-webkit-datetime-edit-day-field { color: green; }
::-webkit-datetime-edit-year-field { color: purple; }
::-webkit-inner-spin-button { display: none; }
::-webkit-calendar-picker-indicator { background: orange; display: none }
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<p>
date
<input type="date" value="2016-09-09"/>
</p>
<p>
time
<input type="time" value="04:00:00"/>
</p>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","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