feature-more-form-types

dist/milligram.css

@@ -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%;
 }
 

src/_Form.sass

@@ -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

test/index.html

@@ -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>