support for input type file, number, and tel

kbrsh · kbrsh · commit fd8b68d629fe · 2017-03-15T18:38:01.000-07:00
diff --git a/dist/wing.css b/dist/wing.css
@@ -156,7 +156,7 @@ button:active, [type=submit]:active {
   Forms
 ------------------------------------------------------------*/
 
-input[type=text], input[type=password], input[type=email], input[type=search], input[type=number], select, textarea, textarea[type=text] {
+input[type=text], input[type=password], input[type=email], input[type=search], input[type=number], input[type=file], input[type=tel], select, textarea, textarea[type=text] {
   margin: 1rem 0;
   width: 100%;
   max-width: 100%;
@@ -166,16 +166,16 @@ input[type=text], input[type=password], input[type=email], input[type=search], i
   transition: all .2s ease;
 }
 
-input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, input[type=search]:hover, input[type=number]:hover, select:hover, textarea:hover, textarea[type=text]:hover {
+input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, input[type=search]:hover, input[type=number]:hover, input[type=file], input[type=tel], select:hover, textarea:hover, textarea[type=text]:hover {
   border: 1px solid #111111;
 }
 
-input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=search]:focus, select:focus textarea:focus, textarea[type=text]:focus {
+input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=search]:focus, input[type=number], input[type=file], input[type=tel], select:focus textarea:focus, textarea[type=text]:focus {
   outline: none;
   border: 1px solid #104cfb;
 }
 
-input[type=text], input[type=password], input[type=email], input[type=search], input[type=number], select {
+input[type=text], input[type=password], input[type=email], input[type=search], input[type=number], input[type=file], input[type=tel], select {
   padding: 1.1rem;
 }
 
diff --git a/dist/wing.min.css b/dist/wing.min.css
diff --git a/src/forms.css b/src/forms.css
@@ -2,7 +2,7 @@
   Forms
 ------------------------------------------------------------*/
 
-input[type=text], input[type=password], input[type=email], input[type=search], input[type=number], select, textarea, textarea[type=text] {
+input[type=text], input[type=password], input[type=email], input[type=search], input[type=number], input[type=file], input[type=tel], select, textarea, textarea[type=text] {
   margin: 1rem 0;
   width: 100%;
   max-width: 100%;
@@ -12,16 +12,16 @@ input[type=text], input[type=password], input[type=email], input[type=search], i
   transition: all .2s ease;
 }
 
-input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, input[type=search]:hover, input[type=number]:hover, select:hover, textarea:hover, textarea[type=text]:hover {
+input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, input[type=search]:hover, input[type=number]:hover, input[type=file], input[type=tel], select:hover, textarea:hover, textarea[type=text]:hover {
   border: 1px solid #111111;
 }
 
-input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=search]:focus, select:focus textarea:focus, textarea[type=text]:focus {
+input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=search]:focus, input[type=number], input[type=file], input[type=tel], select:focus textarea:focus, textarea[type=text]:focus {
   outline: none;
   border: 1px solid #104cfb;
 }
 
-input[type=text], input[type=password], input[type=email], input[type=search], input[type=number], select {
+input[type=text], input[type=password], input[type=email], input[type=search], input[type=number], input[type=file], input[type=tel], select {
   padding: 1.1rem;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -156,7 +156,7 @@ button:active, [type=submit]:active {`
`156`	`156`	`Forms`
`157`	`157`	`------------------------------------------------------------*/`
`158`	`158`
`159`		`-input[type=text], input[type=password], input[type=email], input[type=search], input[type=number], select, textarea, textarea[type=text] {`
	`159`	`+input[type=text], input[type=password], input[type=email], input[type=search], input[type=number], input[type=file], input[type=tel], select, textarea, textarea[type=text] {`
`160`	`160`	`margin: 1rem 0;`
`161`	`161`	`width: 100%;`
`162`	`162`	`max-width: 100%;`
`@@ -166,16 +166,16 @@ input[type=text], input[type=password], input[type=email], input[type=search], i`
`166`	`166`	`transition: all .2s ease;`
`167`	`167`	`}`
`168`	`168`
`169`		`-input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, input[type=search]:hover, input[type=number]:hover, select:hover, textarea:hover, textarea[type=text]:hover {`
	`169`	`+input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, input[type=search]:hover, input[type=number]:hover, input[type=file], input[type=tel], select:hover, textarea:hover, textarea[type=text]:hover {`
`170`	`170`	`border: 1px solid #111111;`
`171`	`171`	`}`
`172`	`172`
`173`		`-input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=search]:focus, select:focus textarea:focus, textarea[type=text]:focus {`
	`173`	`+input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=search]:focus, input[type=number], input[type=file], input[type=tel], select:focus textarea:focus, textarea[type=text]:focus {`
`174`	`174`	`outline: none;`
`175`	`175`	`border: 1px solid #104cfb;`
`176`	`176`	`}`
`177`	`177`
`178`		`-input[type=text], input[type=password], input[type=email], input[type=search], input[type=number], select {`
	`178`	`+input[type=text], input[type=password], input[type=email], input[type=search], input[type=number], input[type=file], input[type=tel], select {`
`179`	`179`	`padding: 1.1rem;`
`180`	`180`	`}`
`181`	`181`
Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@`
`2`	`2`	`Forms`
`3`	`3`	`------------------------------------------------------------*/`
`4`	`4`
`5`		`-input[type=text], input[type=password], input[type=email], input[type=search], input[type=number], select, textarea, textarea[type=text] {`
	`5`	`+input[type=text], input[type=password], input[type=email], input[type=search], input[type=number], input[type=file], input[type=tel], select, textarea, textarea[type=text] {`
`6`	`6`	`margin: 1rem 0;`
`7`	`7`	`width: 100%;`
`8`	`8`	`max-width: 100%;`
`@@ -12,16 +12,16 @@ input[type=text], input[type=password], input[type=email], input[type=search], i`
`12`	`12`	`transition: all .2s ease;`
`13`	`13`	`}`
`14`	`14`
`15`		`-input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, input[type=search]:hover, input[type=number]:hover, select:hover, textarea:hover, textarea[type=text]:hover {`
	`15`	`+input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, input[type=search]:hover, input[type=number]:hover, input[type=file], input[type=tel], select:hover, textarea:hover, textarea[type=text]:hover {`
`16`	`16`	`border: 1px solid #111111;`
`17`	`17`	`}`
`18`	`18`
`19`		`-input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=search]:focus, select:focus textarea:focus, textarea[type=text]:focus {`
	`19`	`+input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=search]:focus, input[type=number], input[type=file], input[type=tel], select:focus textarea:focus, textarea[type=text]:focus {`
`20`	`20`	`outline: none;`
`21`	`21`	`border: 1px solid #104cfb;`
`22`	`22`	`}`
`23`	`23`
`24`		`-input[type=text], input[type=password], input[type=email], input[type=search], input[type=number], select {`
	`24`	`+input[type=text], input[type=password], input[type=email], input[type=search], input[type=number], input[type=file], input[type=tel], select {`
`25`	`25`	`padding: 1.1rem;`
`26`	`26`	`}`
`27`	`27`