css/forms: use em, get rid of a bunch of px values

This commit is contained in:
Thomas Gelf 2016-01-13 15:02:12 +01:00
parent e0bec8644f
commit 5cc38a3085
1 changed files with 6 additions and 6 deletions

View File

@ -38,9 +38,9 @@ input[placeholder] {
}
input.search {
background: transparent url('../img/icons/search.png') no-repeat 2px;
background-size: 12px 12px;
padding-left: 20px;
background: transparent url("../img/icons/search.png") no-repeat scroll 0.1em center;
background-size: 1em 1em;
padding-left: 1.5em;
&:focus {
background-color: @body-bg-color;
@ -49,7 +49,7 @@ input.search {
}
input, select, textarea {
width: 320px;
width: 20em;
}
input[type="checkbox"],
@ -70,7 +70,7 @@ form.inline {
}
.form-controls {
margin-left: 160px;
margin-left: 10em;
}
@ -105,7 +105,7 @@ label {
display: inline-block;
padding-right: @horizontal-padding;
text-align: right;
width: 160px;
width: 10em;
}
.control-group {