feature-more-form-types
This commit is contained in:
parent
7939793a5b
commit
780295b2a7
|
@ -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
|
@ -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
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue