2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-30 15:24:08 +03:00

for html5 style all inputs -- then unstyle checkbox, radio, button, reset, submit

This commit is contained in:
Jacob Thornton
2011-09-01 22:53:24 -07:00
parent f6a4dd95b6
commit 72da5dd54d
4 changed files with 74 additions and 40 deletions
+33 -13
View File
@@ -61,8 +61,7 @@ input[type=radio] {
}
// Inputs, Textareas, Selects
input[type=text],
input[type=password],
input,
textarea,
select,
.uneditable-input {
@@ -76,14 +75,40 @@ select,
border: 1px solid #ccc;
.border-radius(3px);
}
/* mini reset for non-html5 file types */
input[type=checkbox],
input[type=radio] {
width: auto;
padding: 0;
line-height: normal;
height: auto;
margin: 3px 0;
}
input[type=file] {
border: 0;
padding: 0;
.box-shadow(none);
}
input[type=button],
input[type=reset],
input[type=submit] {
width: auto;
height: auto;
}
select,
input[type=file] {
height: @baseline * 1.5;
line-height: @baseline * 1.5;
}
textarea {
height: auto;
}
.uneditable-input {
background-color: #eee;
display: block;
@@ -100,15 +125,13 @@ textarea {
}
// Focus states
input[type=text],
input[type=password],
input,
select, textarea {
@transition: border linear .2s, box-shadow linear .2s;
.transition(@transition);
.box-shadow(inset 0 1px 3px rgba(0,0,0,.1));
}
input[type=text]:focus,
input[type=password]:focus,
input:focus,
textarea:focus {
outline: none;
border-color: rgba(82,168,236,.8);
@@ -128,8 +151,7 @@ form div.error {
span.help-block {
color: @red;
}
input[type=text],
input[type=password],
input,
textarea {
border-color: @error-text;
.box-shadow(0 0 3px rgba(171,41,32,.25));
@@ -221,7 +243,7 @@ input.disabled {
// Inline Fields (input fields that appear as inline objects
.inline-inputs {
color: @gray;
span, input[type=text] {
span, input {
display: inline-block;
}
input.mini {
@@ -238,8 +260,7 @@ input.disabled {
// Allow us to put symbols and text within the input field for a cleaner look
.input-prepend,
.input-append {
input[type=text],
input[type=password] {
input {
.border-radius(0 3px 3px 0);
}
.add-on {
@@ -270,8 +291,7 @@ input.disabled {
}
}
.input-append {
input[type=text],
input[type=password] {
input {
float: left;
.border-radius(3px 0 0 3px);
}