css/module.less: form style

This commit is contained in:
Thomas Gelf 2015-07-31 14:52:19 +02:00
parent 591d933929
commit 40599fe824
1 changed files with 49 additions and 1 deletions

View File

@ -1,3 +1,45 @@
input, select, select option, textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select::-ms-expand, input::-ms-expand, textarea::-ms-expand { /* for IE 11 */
display: none;
}
select {
border: 1px solid transparent;
cursor: pointer;
}
input, textarea {
border: 1px solid transparent;
padding-left: 0.5em;
}
select:hover, input:hover, textarea:hover, select:focus, input:focus, textarea:focus {
border: 1px solid #ddd;
}
select[value=""] {
color: blue;
}
select option {
color: inherit;
padding-left: 0.5em;
}
select option[value=""] {
color: #aaa;
}
/* TEMP */
p.description {
display: none;
}
ul.main-actions { ul.main-actions {
margin: 0; margin: 0;
@ -39,6 +81,11 @@ ul.main-actions {
/* BEGIN Forms */ /* BEGIN Forms */
form dt label { form dt label {
width: auto; width: auto;
font-weight: normal;
&.required {
font-weight: bold;
}
} }
form dd { form dd {
@ -48,7 +95,8 @@ form dd {
form dt { form dt {
display: inline-block; display: inline-block;
min-width: 16em; min-width: 12em;
width: 30%;
} }
form dd:after { form dd:after {