feature-more-form-types

This commit is contained in:
MKody 2017-01-06 22:36:53 +01:00
parent 7939793a5b
commit 780295b2a7
6 changed files with 37 additions and 6 deletions

17
dist/milligram.css vendored
View File

@ -2,7 +2,7 @@
* Milligram v1.2.4
* http://milligram.github.io
*
* Copyright (c) 2016 CJ Patoilo
* Copyright (c) 2017 CJ Patoilo
* Licensed under the MIT license
*/
@ -204,6 +204,12 @@ input[type='search'],
input[type='tel'],
input[type='text'],
input[type='url'],
input[type='color'],
input[type='date'],
input[type='month'],
input[type='week'],
input[type='datetime'],
input[type='datetime-local'],
textarea,
select {
-webkit-appearance: none;
@ -226,6 +232,12 @@ input[type='search']:focus,
input[type='tel']:focus,
input[type='text']:focus,
input[type='url']:focus,
input[type='color']:focus,
input[type='date']:focus,
input[type='month']:focus,
input[type='week']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
textarea:focus,
select:focus {
border-color: #9b4dca;
@ -318,7 +330,7 @@ input[type='radio'] {
.row .column {
display: block;
flex: 1;
flex: 1 1 auto;
margin-left: 0;
max-width: 100%;
width: 100%;
@ -506,6 +518,7 @@ ul {
}
table {
border-spacing: 0;
width: 100%;
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -9,6 +9,12 @@ input[type='search'],
input[type='tel'],
input[type='text'],
input[type='url'],
input[type='color'],
input[type='date'],
input[type='month'],
input[type='week'],
input[type='datetime'],
input[type='datetime-local'],
textarea,
select
appearance: none // Removes awkward default styles on some inputs for iOS

View File

@ -193,6 +193,12 @@
<option value="selectField3">Select field 3</option>
<option value="selectField4">Select field 4</option>
</select>
<label for="colorField">Color field</label>
<input type="color" id="colorField" placeholder="Your browser doesn't support this field.">
<label for="weekField">Week field</label>
<input type="week" id="weekField" placeholder="Your browser doesn't support this field.">
<label for="datetimeField">Datetime field</label>
<input type="datetime" id="datetimeField" placeholder="Your browser doesn't support this field.">
<label for="searchField">Search field</label>
<input type="search" id="searchField" placeholder="Search field">
</div>
@ -225,6 +231,12 @@
</div>
<label for="textareaField">Textarea field</label>
<textarea placeholder="Textarea field" id="textareaField"></textarea>
<label for="dateField">Date field</label>
<input type="date" id="dateField" placeholder="Your browser doesn't support this field.">
<label for="monthField">Month field</label>
<input type="month" id="monthField" placeholder="Your browser doesn't support this field.">
<label for="datetimeLocalField">Datetime-Local field</label>
<input type="datetime-local" id="datetimeLocalField" placeholder="Your browser doesn't support this field.">
<input type="submit">
<input type="reset" class="button-clear">
</div>