diff options
| author | Mark Otto <[email protected]> | 2014-12-02 14:02:35 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2014-12-02 14:02:35 -0800 |
| commit | 27df020852ada46c85138c75736fbb4c4784eeeb (patch) | |
| tree | 8d0bf84e33d4823e67fbe2283e19d2ddc73f5dab /less/_buttons.less | |
| parent | 6bd84210ffe766b18fd3cd11a5da4f5ee0d43ecc (diff) | |
| download | bootstrap-27df020852ada46c85138c75736fbb4c4784eeeb.tar.xz bootstrap-27df020852ada46c85138c75736fbb4c4784eeeb.zip | |
convert to scss
Diffstat (limited to 'less/_buttons.less')
| -rw-r--r-- | less/_buttons.less | 156 |
1 files changed, 0 insertions, 156 deletions
diff --git a/less/_buttons.less b/less/_buttons.less deleted file mode 100644 index 9c8e4ea37..000000000 --- a/less/_buttons.less +++ /dev/null @@ -1,156 +0,0 @@ -// -// Buttons -// -------------------------------------------------- - - -// Base styles -// -------------------------------------------------- - -.btn { - display: inline-block; - margin-bottom: 0; // For input.btn - font-weight: @btn-font-weight; - text-align: center; - vertical-align: middle; - touch-action: manipulation; - cursor: pointer; - background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 - border: @border-width solid transparent; - white-space: nowrap; - .button-size(@padding-base-vertical; @padding-base-horizontal; @font-size-base; @line-height-base; @border-radius-base); - user-select: none; - .transition(all .2s ease-in-out); - - &, - &:active, - &.active { - &:focus, - &.focus { - .tab-focus(); - } - } - - &:hover, - &:focus, - &.focus { - text-decoration: none; - } - - &:active, - &.active { - outline: 0; - background-image: none; - .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); - } - - &.disabled, - &[disabled], - fieldset[disabled] & { - cursor: @cursor-disabled; - pointer-events: none; // Future-proof disabling of clicks - opacity: .65; - .box-shadow(none); - } -} - - -// Alternate buttons -// -------------------------------------------------- - -.btn-primary { - .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border); -} -.btn-secondary { - .button-variant(@btn-secondary-color; @btn-secondary-bg; @btn-secondary-border); -} -.btn-info { - .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border); -} -.btn-success { - .button-variant(@btn-success-color; @btn-success-bg; @btn-success-border); -} -.btn-warning { - .button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border); -} -.btn-danger { - .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border); -} - - -// Link buttons -// ------------------------- - -// Make a button look and behave like a link -.btn-link { - color: @link-color; - font-weight: normal; - border-radius: 0; - - &, - &:active, - &.active, - &[disabled], - fieldset[disabled] & { - background-color: transparent; - .box-shadow(none); - } - &, - &:hover, - &:focus, - &:active { - border-color: transparent; - } - &:hover, - &:focus { - color: @link-hover-color; - text-decoration: underline; - background-color: transparent; - } - &[disabled], - fieldset[disabled] & { - &:hover, - &:focus { - color: @btn-link-disabled-color; - text-decoration: none; - } - } -} - - -// Button Sizes -// -------------------------------------------------- - -.btn-lg { - // line-height: ensure even-numbered height of button next to large input - .button-size(@padding-lg-vertical; @padding-lg-horizontal; @font-size-lg; @line-height-lg; @border-radius-lg); -} -.btn-sm { - // line-height: ensure proper height of button next to small input - .button-size(@padding-sm-vertical; @padding-smhorizontal; @font-size-sm; @line-height-sm; @border-radius-sm); -} -.btn-xs { - .button-size(@padding-xs-vertical; @padding-xs-horizontal; @font-size-xs; @line-height-sm; @border-radius-sm); -} - - -// Block button -// -------------------------------------------------- - -.btn-block { - display: block; - width: 100%; -} - -// Vertically space out multiple block buttons -.btn-block + .btn-block { - margin-top: 5px; -} - -// Specificity overrides -input[type="submit"], -input[type="reset"], -input[type="button"] { - &.btn-block { - width: 100%; - } -} |
