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:
+33
-13
@@ -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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user