Browse Source

removes default select receiving text input stylings

pull/185/head
jlukic 11 years ago
parent
commit
1f16c3027e
1 changed files with 12 additions and 35 deletions
  1. 47
      src/collections/form.less

47
src/collections/form.less

@ -147,25 +147,6 @@
resize: vertical;
}
.ui.form select {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.ui.form .select.field > label {
position: relative;
}
.ui.form .select.field > label:after {
position: absolute;
top: 2.5em;
right: 1.5em;
font-family: 'Icons';
content: "\f0d7";
font-style: normal;
line-height: 1;
font-weight: normal;
}
.ui.form textarea,
.ui.form input[type="checkbox"] {
vertical-align: top;
@ -269,7 +250,6 @@
color: #D95C5C;
}
.ui.form .fields.error .field textarea,
.ui.form .fields.error .field select,
.ui.form .fields.error .field input[type="text"],
.ui.form .fields.error .field input[type="email"],
.ui.form .fields.error .field input[type="date"],
@ -277,7 +257,6 @@
.ui.form .fields.error .field input[type="number"],
.ui.form .fields.error .field input[type="tel"],
.ui.form .field.error textarea,
.ui.form .field.error select,
.ui.form .field.error input[type="text"],
.ui.form .field.error input[type="email"],
.ui.form .field.error input[type="date"],
@ -300,7 +279,6 @@
}
.ui.form .field.error textarea:focus,
.ui.form .field.error select: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,
@ -423,7 +401,7 @@
top: 2em;
right: 0.5em;
font-family: 'Icons';
content: '\f133'; ; /*anterior : '📅' '\1f4c5' */
content: '\f133';
font-size: 1.2em;
font-weight: normal;
color: #CCCCCC;
@ -437,7 +415,6 @@
color: #FFFFFF;
}
.ui.inverted.form .field.error textarea,
.ui.inverted.form .field.error select,
.ui.inverted.form .field.error input[type="text"],
.ui.inverted.form .field.error input[type="email"],
.ui.inverted.form .field.error input[type="date"],
@ -479,7 +456,7 @@
line-height: 0;
height: 0;
}
.ui.form .fields .field {
.ui.form .fields > .field {
clear: none;
float: left;
-webkit-box-sizing: border-box;
@ -487,35 +464,37 @@
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.ui.form .fields .field:first-child {
.ui.form .fields > .field:first-child {
border-left: none;
box-shadow: none;
}
/* Other Combinations */
.ui.form .two.fields .field {
.ui.form .two.fields > .fields,
.ui.form .two.fields > .field {
width: 50%;
padding-left: 1%;
padding-right: 1%;
}
.ui.form .three.fields .field {
.ui.form .three.fields > .fields,
.ui.form .three.fields > .field {
width: 33.333%;
padding-left: 1%;
padding-right: 1%;
}
.ui.form .four.fields .field {
.ui.form .four.fields > .fields,
.ui.form .four.fields > .field {
width: 25%;
padding-left: 1%;
padding-right: 1%;
}
.ui.form .five.fields .field {
.ui.form .five.fields > .fields,
.ui.form .five.fields > .field {
width: 20%;
padding-left: 1%;
padding-right: 1%;
}
/* override sides, ie8 no last-child */
.ui.form .fields .field:first-child {
padding-left: 0%;
}
@ -535,11 +514,9 @@
.ui.form .inline.fields .field > label,
.ui.form .inline.fields .field > p,
.ui.form .inline.fields .field > input,
.ui.form .inline.fields .field > select,
.ui.form .inline.field > label,
.ui.form .inline.field > p,
.ui.form .inline.field > input,
.ui.form .inline.field > select {
.ui.form .inline.field > input {
display: inline-block;
width: auto;

Loading…
Cancel
Save