library-mirrors/milligram
1
0
Fork 0
mirror of https://github.com/milligram/milligram.git synced 2024-11-13 16:54:22 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feature-more-form-types

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
dist/milligram.css vendored
View File

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

2
dist/milligram.css.map vendored
View File

File diff suppressed because one or more lines are too long

4
dist/milligram.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/milligram.min.css.map vendored
View File

File diff suppressed because one or more lines are too long

6
src/_Form.sass
View File

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

12
test/index.html
View File

@ -193,6 +193,12 @@
<option value="selectField3">Select field 3</option> <option value="selectField3">Select field 3</option>
<option value="selectField4">Select field 4</option> <option value="selectField4">Select field 4</option>
</select> </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> <label for="searchField">Search field</label>
<input type="search" id="searchField" placeholder="Search field"> <input type="search" id="searchField" placeholder="Search field">
</div> </div>
@ -225,6 +231,12 @@
</div> </div>
<label for="textareaField">Textarea field</label> <label for="textareaField">Textarea field</label>
<textarea placeholder="Textarea field" id="textareaField"></textarea> <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="submit">
<input type="reset" class="button-clear"> <input type="reset" class="button-clear">
</div> </div>