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

Alphabetize input rules, add time type #1721

pull/1742/head
jlukic 10 years ago
parent
c56a53886f
commit
4ef796f6dc
1 changed files with 34 additions and 28 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 62
      src/definitions/collections/form.less

62
src/definitions/collections/form.less
View File

@ -91,28 +91,30 @@
.ui.form textarea, .ui.form textarea,
.ui.form input:not([type]), .ui.form input:not([type]),
.ui.form input[type="text"],
.ui.form input[type="email"],
.ui.form input[type="date"], .ui.form input[type="date"],
.ui.form input[type="datetime-local"], .ui.form input[type="datetime-local"],
.ui.form input[type="password"],
.ui.form input[type="email"],
.ui.form input[type="number"], .ui.form input[type="number"],
.ui.form input[type="url"],
.ui.form input[type="password"],
.ui.form input[type="tel"], .ui.form input[type="tel"],
.ui.form input[type="time"],
.ui.form input[type="text"],
.ui.form input[type="url"],
.ui.form .ui.input { .ui.form .ui.input {
width: 100%; width: 100%;
vertical-align: top; vertical-align: top;
} }
.ui.form input:not([type]), .ui.form input:not([type]),
.ui.form input[type="text"],
.ui.form input[type="email"],
.ui.form input[type="date"], .ui.form input[type="date"],
.ui.form input[type="datetime-local"], .ui.form input[type="datetime-local"],
.ui.form input[type="password"],
.ui.form input[type="email"],
.ui.form input[type="number"], .ui.form input[type="number"],
.ui.form input[type="url"],
.ui.form input[type="tel"] {
.ui.form input[type="password"],
.ui.form input[type="tel"],
.ui.form input[type="time"],
.ui.form input[type="text"],
.ui.form input[type="url"] {
font-family: @inputFont; font-family: @inputFont;
margin: 0em; margin: 0em;
outline: none; outline: none;
@ -292,14 +294,15 @@
---------------------*/ ---------------------*/
.ui.form input:not([type]):focus, .ui.form input:not([type]):focus,
.ui.form input[type="text"]:focus,
.ui.form input[type="email"]:focus,
.ui.form input[type="date"]:focus, .ui.form input[type="date"]:focus,
.ui.form input[type="datetime-local"]:focus, .ui.form input[type="datetime-local"]:focus,
.ui.form input[type="password"]:focus,
.ui.form input[type="email"]:focus,
.ui.form input[type="number"]:focus, .ui.form input[type="number"]:focus,
.ui.form input[type="url"]:focus,
.ui.form input[type="tel"]:focus {
.ui.form input[type="password"]:focus,
.ui.form input[type="tel"]:focus,
.ui.form input[type="time"]:focus,
.ui.form input[type="text"]:focus,
.ui.form input[type="url"]:focus {
color: @inputFocusColor; color: @inputFocusColor;
border-color: @inputFocusBorderColor; border-color: @inputFocusBorderColor;
border-radius: @inputFocusBorderRadius; border-radius: @inputFocusBorderRadius;
@ -358,24 +361,26 @@
.ui.form .fields.error .field textarea, .ui.form .fields.error .field textarea,
.ui.form .fields.error .field input:not([type]), .ui.form .fields.error .field input:not([type]),
.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="datetime-local"], .ui.form .fields.error .field input[type="datetime-local"],
.ui.form .fields.error .field input[type="password"],
.ui.form .fields.error .field input[type="email"],
.ui.form .fields.error .field input[type="number"], .ui.form .fields.error .field input[type="number"],
.ui.form .fields.error .field input[type="url"],
.ui.form .fields.error .field input[type="password"],
.ui.form .fields.error .field input[type="tel"], .ui.form .fields.error .field input[type="tel"],
.ui.form .fields.error .field input[type="time"],
.ui.form .fields.error .field input[type="text"],
.ui.form .fields.error .field input[type="url"],
.ui.form .field.error textarea, .ui.form .field.error textarea,
.ui.form .field.error input:not([type]), .ui.form .field.error input:not([type]),
.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="datetime-local"], .ui.form .field.error input[type="datetime-local"],
.ui.form .field.error input[type="password"],
.ui.form .field.error input[type="email"],
.ui.form .field.error input[type="number"], .ui.form .field.error input[type="number"],
.ui.form .field.error input[type="url"],
.ui.form .field.error input[type="tel"] {
.ui.form .field.error input[type="password"],
.ui.form .field.error input[type="tel"],
.ui.form .field.error input[type="time"],
.ui.form .field.error input[type="text"],
.ui.form .field.error input[type="url"] {
background: @formErrorBackground; background: @formErrorBackground;
border-color: @formErrorBorder; border-color: @formErrorBorder;
color: @formErrorColor; color: @formErrorColor;
@ -384,14 +389,15 @@
} }
.ui.form .field.error textarea:focus, .ui.form .field.error textarea:focus,
.ui.form .field.error input:not([type]):focus, .ui.form .field.error input:not([type]):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="date"]:focus,
.ui.form .field.error input[type="datetime-local"]:focus, .ui.form .field.error input[type="datetime-local"]:focus,
.ui.form .field.error input[type="password"]:focus,
.ui.form .field.error input[type="email"]:focus,
.ui.form .field.error input[type="number"]:focus, .ui.form .field.error input[type="number"]:focus,
.ui.form .field.error input[type="url"]:focus,
.ui.form .field.error input[type="tel"]:focus{
.ui.form .field.error input[type="password"]:focus,
.ui.form .field.error input[type="tel"]:focus,
.ui.form .field.error input[type="time"]:focus,
.ui.form .field.error input[type="text"]:focus,
.ui.form .field.error input[type="url"]:focus {
background: @inputErrorFocusBackground; background: @inputErrorFocusBackground;
border-color: @inputErrorFocusBorder; border-color: @inputErrorFocusBorder;
color: @inputErrorFocusColor; color: @inputErrorFocusColor;

Write Preview
Loading…
Cancel
Save