mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-05-27 14:46:01 +03:00
Code Activity

Require .btn-default for regular buttons

Browse Source 
* Instead of , use  for standard, gray button
* Improves ability to customize buttons by encouraging folks to not override .btn and thus overriding all button modifier classes
* Updates docs to reflect the change
* Reorganize buttons CSS
This commit is contained in:
Mark Otto
2013-05-07 18:07:06 -07:00
parent ad5f88e1c5
commit d7f84d1220
6 changed files with 217 additions and 218 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/assets/css/bootstrap.css
Vendored
+58 -53
View File
@@ -1830,7 +1830,7 @@ select:focus:invalid:focus {
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border: 1px solid #a7a9aa;
border: 1px solid transparent;
border-radius: 4px;
}
@@ -1865,72 +1865,38 @@ fieldset[disabled] .btn {
box-shadow: none;
}
.btn-large {
padding: 11px 14px;
font-size: 17.5px;
border-radius: 6px;
}
.btn-small {
padding: 2px 10px;
font-size: 11.9px;
border-radius: 3px;
}
.btn-mini {
padding: 0 6px;
font-size: 10.5px;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
padding-right: 0;
padding-left: 0;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.btn {
.btn-default {
color: #ffffff;
background-color: #a7a9aa;
border-color: #a7a9aa;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active {
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
background-color: #9a9c9d;
border-color: #8d9091;
}
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover,
.btn.disabled:focus,
.btn[disabled]:focus,
fieldset[disabled] .btn:focus,
.btn.disabled:active,
.btn[disabled]:active,
fieldset[disabled] .btn:active,
.btn.disabled.active,
.btn[disabled].active,
fieldset[disabled] .btn.active {
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
background-color: #a7a9aa;
border-color: #a7a9aa;
}
.btn-primary {
color: #ffffff;
background-color: #428bca;
border-color: #428bca;
}
@@ -1960,6 +1926,7 @@ fieldset[disabled] .btn-primary.active {
}
.btn-warning {
color: #ffffff;
background-color: #f0ad4e;
border-color: #f0ad4e;
}
@@ -1989,6 +1956,7 @@ fieldset[disabled] .btn-warning.active {
}
.btn-danger {
color: #ffffff;
background-color: #d9534f;
border-color: #d9534f;
}
@@ -2018,6 +1986,7 @@ fieldset[disabled] .btn-danger.active {
}
.btn-success {
color: #ffffff;
background-color: #5cb85c;
border-color: #5cb85c;
}
@@ -2047,6 +2016,7 @@ fieldset[disabled] .btn-success.active {
}
.btn-info {
color: #ffffff;
background-color: #5bc0de;
border-color: #5bc0de;
}
@@ -2114,6 +2084,41 @@ fieldset[disabled] .btn-link:focus {
text-decoration: none;
}
.btn-large {
padding: 11px 14px;
font-size: 17.5px;
border-radius: 6px;
}
.btn-small {
padding: 2px 10px;
font-size: 11.9px;
border-radius: 3px;
}
.btn-mini {
padding: 0 6px;
font-size: 10.5px;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
padding-right: 0;
padding-left: 0;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;