Skip to content

Instantly share code, notes, and snippets.

@doochik

doochik/dabblet.css

Forked from anonymous/dabblet.css
Last active April 22, 2020 12:05
Show Gist options
  • Save doochik/2ba2b84a3824829cd35e497746500be7 to your computer and use it in GitHub Desktop.
Save doochik/2ba2b84a3824829cd35e497746500be7 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%;
}
input {
//-webkit-appearance: none;
}
input::-webkit-datetime-edit { padding: 1em; }
input::-webkit-datetime-edit-fields-wrapper { background: red; }
input::-webkit-datetime-edit-text { color: red; padding: 0 0.3em; }
input::-webkit-datetime-edit-month-field { color: blue; }
input::-webkit-datetime-edit-day-field { color: green; }
input::-webkit-datetime-edit-year-field { color: purple; }
input::-webkit-inner-spin-button { display: none; }
input::-webkit-calendar-picker-indicator { background: orange; }
input::-webkit-time-picker-indicator { background: orange; }
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<p>text<input type="text" value="2016-09-09"/></p>
<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