Style btn-sm

This commit is contained in:
Juan Cruz Viotti 2016-03-31 10:01:33 -04:00
parent 7b48eeb993
commit c75b4b307a
3 changed files with 29 additions and 18 deletions

View File

@ -2846,7 +2846,7 @@ select[multiple].input-lg,
outline: 5px auto -webkit-focus-ring-color; outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; } outline-offset: -2px; }
.btn:hover, .progress-button:hover, .btn:focus, .progress-button:focus, .btn.focus, .focus.progress-button { .btn:hover, .progress-button:hover, .btn:focus, .progress-button:focus, .btn.focus, .focus.progress-button {
color: #333; color: #9a9a9a;
text-decoration: none; } text-decoration: none; }
.btn:active, .progress-button:active, .btn.active, .active.progress-button { .btn:active, .progress-button:active, .btn.active, .active.progress-button {
outline: 0; outline: 0;
@ -2868,28 +2868,28 @@ fieldset[disabled] a.progress-button {
pointer-events: none; } pointer-events: none; }
.btn-default { .btn-default {
color: #333; color: #9a9a9a;
background-color: #fff; background-color: #f3f3f3;
border-color: #ccc; } border-color: #ccc; }
.btn-default:focus, .btn-default.focus { .btn-default:focus, .btn-default.focus {
color: #333; color: #9a9a9a;
background-color: #e6e6e6; background-color: #dadada;
border-color: #8c8c8c; } border-color: #8c8c8c; }
.btn-default:hover { .btn-default:hover {
color: #333; color: #9a9a9a;
background-color: #e6e6e6; background-color: #dadada;
border-color: #adadad; } border-color: #adadad; }
.btn-default:active, .btn-default.active, .btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle { .open > .btn-default.dropdown-toggle {
color: #333; color: #9a9a9a;
background-color: #e6e6e6; background-color: #dadada;
border-color: #adadad; } border-color: #adadad; }
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus { .open > .btn-default.dropdown-toggle.focus {
color: #333; color: #9a9a9a;
background-color: #d4d4d4; background-color: #c8c8c8;
border-color: #8c8c8c; } border-color: #8c8c8c; }
.btn-default:active, .btn-default.active, .btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle { .open > .btn-default.dropdown-toggle {
@ -2898,11 +2898,11 @@ fieldset[disabled] a.progress-button {
fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus { fieldset[disabled] .btn-default.focus {
background-color: #fff; background-color: #f3f3f3;
border-color: #ccc; } border-color: #ccc; }
.btn-default .badge { .btn-default .badge {
color: #fff; color: #f3f3f3;
background-color: #333; } background-color: #9a9a9a; }
.btn-primary, .progress-button--primary { .btn-primary, .progress-button--primary {
color: #fff; color: #fff;
@ -6011,7 +6011,7 @@ html {
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
*/ */
button.btn, button.progress-button { .btn, .progress-button {
padding: 10px; padding: 10px;
padding-top: 11px; padding-top: 11px;
border-radius: 2px; border-radius: 2px;
@ -6019,16 +6019,20 @@ button.btn, button.progress-button {
letter-spacing: 0.5px; letter-spacing: 0.5px;
outline: none; outline: none;
position: relative; } position: relative; }
button.btn[disabled], button[disabled].progress-button { .btn[disabled], [disabled].progress-button {
background-color: #313339; background-color: #313339;
color: #787c7f; color: #787c7f;
pointer-events: none; } pointer-events: none; }
button.btn[disabled]:hover, button[disabled].progress-button:hover { .btn[disabled]:hover, [disabled].progress-button:hover {
background-color: #36383e; } background-color: #36383e; }
.btn-brick { .btn-brick {
min-width: 170px; } min-width: 170px; }
.btn-sm, .btn-group-sm > .btn, .btn-group-sm > .progress-button {
font-size: 10px;
padding: 4px 12px; }
.btn > .glyphicon, .progress-button > .glyphicon, .btn > .tick, .progress-button > .tick { .btn > .glyphicon, .progress-button > .glyphicon, .btn > .tick, .progress-button > .tick {
top: 2px; top: 2px;
margin-right: 2px; } margin-right: 2px; }

View File

@ -14,7 +14,7 @@
* limitations under the License. * limitations under the License.
*/ */
button.btn { .btn {
padding: 10px; padding: 10px;
padding-top: 11px; padding-top: 11px;
@ -41,6 +41,11 @@ button.btn {
min-width: $btn-min-width; min-width: $btn-min-width;
} }
.btn-sm {
font-size: 10px;
padding: 4px 12px;
}
.btn > .glyphicon { .btn > .glyphicon {
top: 2px; top: 2px;
margin-right: 2px; margin-right: 2px;

View File

@ -26,6 +26,8 @@ $btn-disabled: rgb(49, 51, 57);
$btn-min-width: 170px; $btn-min-width: 170px;
$link-color: $gray-light; $link-color: $gray-light;
$link-hover-decoration: none; $link-hover-decoration: none;
$btn-default-bg: rgb(243, 243, 243);
$btn-default-color: #9a9a9a;
@import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap"; @import "../../node_modules/bootstrap-sass/assets/stylesheets/bootstrap";