richard
/
SemanSemantic-UItic-UI
mirror of https://github.com/Semantic-Org/Semantic-UI.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

add date&email types for inputs

pull/179/head
deneuxa 11 years ago
parent
4a599c7a66
commit
3054289be9
1 changed files with 14 additions and 1 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 15
      src/collections/form.less

15
src/collections/form.less
View File

@ -65,6 +65,7 @@
.ui.form textarea, .ui.form textarea,
.ui.form input[type="text"], .ui.form input[type="text"],
.ui.form input[type="email"],
.ui.form input[type="date"], .ui.form input[type="date"],
.ui.form input[type="password"], .ui.form input[type="password"],
.ui.form .ui.input { .ui.form .ui.input {
@ -73,6 +74,7 @@
.ui.form textarea, .ui.form textarea,
.ui.form input[type="text"], .ui.form input[type="text"],
.ui.form input[type="email"],
.ui.form input[type="date"], .ui.form input[type="date"],
.ui.form input[type="password"] { .ui.form input[type="password"] {
@ -201,6 +203,8 @@
---------------------*/ ---------------------*/
.ui.form input[type="text"]:focus, .ui.form input[type="text"]:focus,
.ui.form input[type="email"]:focus,
.ui.form input[type="date"]:focus,
.ui.form input[type="password"]:focus, .ui.form input[type="password"]:focus,
.ui.form textarea:focus { .ui.form textarea:focus {
color: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85);
@ -240,10 +244,12 @@
} }
.ui.form .fields.error .field textarea, .ui.form .fields.error .field textarea,
.ui.form .fields.error .field input[type="text"], .ui.form .fields.error .field input[type="text"],
.ui.form .fields.error .field input[type="email"],
.ui.form .fields.error .field input[type="date"], .ui.form .fields.error .field input[type="date"],
.ui.form .fields.error .field input[type="password"], .ui.form .fields.error .field input[type="password"],
.ui.form .field.error textarea, .ui.form .field.error textarea,
.ui.form .field.error input[type="text"], .ui.form .field.error input[type="text"],
.ui.form .field.error input[type="email"],
.ui.form .field.error input[type="date"], .ui.form .field.error input[type="date"],
.ui.form .field.error input[type="password"] { .ui.form .field.error input[type="password"] {
background-color: #FFFAFA; background-color: #FFFAFA;
@ -263,6 +269,8 @@
} }
.ui.form .field.error textarea:focus, .ui.form .field.error textarea:focus,
.ui.form .field.error input[type="text"]:focus, .ui.form .field.error input[type="text"]:focus,
.ui.form .field.error input[type="email"]:focus,
.ui.form .field.error input[type="date"]:focus,
.ui.form .field.error input[type="password"]:focus { .ui.form .field.error input[type="password"]:focus {
border-color: rgba(255, 80, 80, 1); border-color: rgba(255, 80, 80, 1);
color: rgba(255, 80, 80, 1); color: rgba(255, 80, 80, 1);
@ -395,7 +403,10 @@
color: #FFFFFF; color: #FFFFFF;
} }
.ui.inverted.form .field.error textarea, .ui.inverted.form .field.error textarea,
.ui.inverted.form .field.error input[type="text"] {
.ui.inverted.form .field.error input[type="text"],
.ui.inverted.form .field.error input[type="email"]
.ui.inverted.form .field.error input[type="date"]
.ui.inverted.form .field.error input[type="password"]{
background-color: #FFCCCC; background-color: #FFCCCC;
} }
@ -527,6 +538,8 @@
} }
.ui.small.form textarea, .ui.small.form textarea,
.ui.small.form input[type="text"], .ui.small.form input[type="text"],
.ui.small.form input[type="email"],
.ui.small.form input[type="date"],
.ui.small.form input[type="password"], .ui.small.form input[type="password"],
.ui.small.form label { .ui.small.form label {
font-size: 1em; font-size: 1em;

Write Preview
Loading…
Cancel
Save