/* * jQuery UI Bootstrap v1.0 Alpha * * jQuery UI Button 1.10.3 * http://docs.jquery.com/UI/Button#theming * * Portions copyright Addy Osmani, jQuery UI & Twitter Bootstrap * Created the LESS version by @dharapvj * Released under MIT */ .ui-button { cursor: pointer; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: @font-size-base; font-weight: normal; line-height: @line-height-base; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid #ccc; .ui-user-select(none); &:focus { .ui-tab-focus() } &:focus, &:hover { color: #333333; background-color: #ebebeb; border-color: #adadad; text-decoration: none; } } ui-button.disabled, ui-button[disabled], fieldset[disabled] ui-button, ui-button.disabled:hover, ui-button[disabled]:hover, fieldset[disabled] ui-button:hover, ui-button.disabled:focus, ui-button[disabled]:focus, fieldset[disabled] ui-button:focus, ui-button.disabled:active, ui-button[disabled]:active, fieldset[disabled] ui-button:active, ui-button.disabled.active, ui-button[disabled].active, fieldset[disabled] ui-button.ui-state-active { background-color: @ui-white; border-color: #cccccc; } .ui-btn-lg{ .btn-lg; } .ui-btn-sm, .ui-btn-xs { .btn-sm; } .ui-btn-xs { .btn-xs; } .ui-btn-block { .btn-block; } .ui-btn-block + .ui-btn-block { margin-top: 5px; } input[type="submit"], input[type="reset"], input[type="button"]{ &.ui-btn-block{ width: 100%; } } .ui-button-text-icon-primary .ui-button-icon-primary { float:left; } .ui-button-text-icon-primary { padding:2px 7px 3px; } .ui-button-primary { .ui-button-variant(@body-bg, @brand-primary, #357ebd); } .ui-button-warning { .ui-button-variant(@body-bg, @brand-warning, #eea236); } .ui-button-info { .ui-button-variant(@body-bg, @brand-info, #46b8da); } .ui-button-danger { .ui-button-variant(@body-bg, @brand-danger, #d43f3a); } .ui-button-inverse { .ui-button-variant(@body-bg, @gray-darker, #080808); } .ui-button-success { .ui-button-variant(@body-bg, @brand-success, #4cae4c); } .ui-button-error { .ui-button-variant(@body-bg, @brand-primary, #357ebd); } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } .ui-button-text-icon-primary .ui-button-icon-primary.ui-icon { margin-top:5px; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999px; display:none; /*tempfix*/ } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { margin-bottom: 0; margin-top: 0; top: 50%; } .ui-button-icon-only .ui-icon { left: 50%; /* chrome margin*/ margin-left: -8px; /* firefox margin*/ margin-right: -6px; } .ui-button-text-icon-primary, .ui-button-text-icons, .ui-button-icons-only { .ui-button-icon-primary { left: .5em; } } .ui-button-text-icon-secondary, .ui-button-text-icons, .ui-button-icons-only { .ui-button-icon-secondary{ right: .5em; } } .ui-button-text-icons, .ui-button-icons-only { .ui-button-icon-secondary{ right: .5em; } } /*button sets*/ .ui-buttonset { margin-right: 7px; .ui-state-active { color: @ui-white; background-color: #428bca; border-color: #357ebd; &.ui-state-hover { color: @ui-white; background-color: #3276b1; border-color: #285e8e; } } .ui-button { margin-left: 0; margin-right: -.4em; } } /* reset extra padding in Firefox */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; }