From f8f887d1fe3170e4a32d2fdbf939d9aceefbc4d1 Mon Sep 17 00:00:00 2001 From: andrewmbacon Date: Thu, 2 Apr 2015 10:30:27 -0400 Subject: [PATCH] Button Reset Mixin Redeclare colors for each section. --- css/buttons.css | 0 sass/buttons.scss | 169 ++++++++++++++++ sass/content.scss | 5 + sass/footer.scss | 5 +- style.css | 494 ++++++++++++++++++++++++++++++++++++++++++++++ style.scss | 5 +- 6 files changed, 676 insertions(+), 2 deletions(-) create mode 100644 css/buttons.css create mode 100644 sass/buttons.scss diff --git a/css/buttons.css b/css/buttons.css new file mode 100644 index 0000000..e69de29 diff --git a/sass/buttons.scss b/sass/buttons.scss new file mode 100644 index 0000000..39905d5 --- /dev/null +++ b/sass/buttons.scss @@ -0,0 +1,169 @@ +@mixin btnReset($selector){ + +// +// Buttons +// -------------------------------------------------- + + +// Base styles +// -------------------------------------------------- + + #{$selector} .btn { + content:'zzzzzzz95'; + display: inline-block; + margin-bottom: 0; // For input.btn + font-weight: $btn-font-weight; + text-align: center; + vertical-align: middle; + cursor: pointer; + background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 + border: 1px solid transparent; + white-space: nowrap; + @include button-size($padding-base-vertical, $padding-base-horizontal, $font-size-base, $line-height-base, $border-radius-base); + @include user-select(none); + + &, + &:active, + &.active { + &:focus { + @include tab-focus(); + } + } + + &:hover, + &:focus { + color: $btn-default-color; + text-decoration: none; + } + + &:active, + &.active { + outline: 0; + background-image: none; + @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + } + + &.disabled, + &[disabled], + fieldset[disabled] & { + cursor: not-allowed; + pointer-events: none; // Future-proof disabling of clicks + @include opacity(.65); + @include box-shadow(none); + } +} + + +// Alternate buttons +// -------------------------------------------------- + +#{$selector} .btn-default { + @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border); +} +#{$selector} .btn-primary { + @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border); +} +// Success appears as green +#{$selector} .btn-success { + @include button-variant($btn-success-color, $btn-success-bg, $btn-success-border); +} +// Info appears as blue-green +#{$selector} .btn-info { + @include button-variant($btn-info-color, $btn-info-bg, $btn-info-border); +} +// Warning appears as orange +#{$selector} .btn-warning { + @include button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border); +} +// Danger and error appear as red +#{$selector} .btn-danger { + @include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border); +} + + +// Link buttons +// ------------------------- + +// Make a button look and behave like a link +#{$selector} .btn-link { + color: $link-color; + font-weight: normal; + cursor: pointer; + border-radius: 0; + + &, + &:active, + &[disabled], + fieldset[disabled] & { + background-color: transparent; + @include 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 +// -------------------------------------------------- + +#{$selector} .btn-lg { + // line-height: ensure even-numbered height of button next to large input + @include button-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large); +} +#{$selector} .btn-sm { + // line-height: ensure proper height of button next to small input + @include button-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small); +} +#{$selector} .btn-xs { + @include button-size($padding-xs-vertical, $padding-xs-horizontal, $font-size-small, $line-height-small, $border-radius-small); +} + + +// Block button +// -------------------------------------------------- + +#{$selector} .btn-block { + display: block; + width: 100%; +} + +// Vertically space out multiple block buttons +#{$selector} .btn-block + #{$selector} .btn-block { + margin-top: 5px; +} + +// Specificity overrides +input[type="submit"], +input[type="reset"], +input[type="button"] { + &#{$selector}.btn-block { + width: 100%; + } +} + + + + + +} + + + diff --git a/sass/content.scss b/sass/content.scss index 90f434f..b4f691c 100644 --- a/sass/content.scss +++ b/sass/content.scss @@ -29,6 +29,11 @@ code { } } +@include btnReset(".content"); + + + + /* PAGE --------------------------------------------------------------*/ #main { diff --git a/sass/footer.scss b/sass/footer.scss index 169cfa9..bd03eda 100644 --- a/sass/footer.scss +++ b/sass/footer.scss @@ -62,4 +62,7 @@ padding:15px 0px; } } -} \ No newline at end of file +} + + +@include btnReset("#footers"); diff --git a/style.css b/style.css index 3f35782..c863b77 100644 --- a/style.css +++ b/style.css @@ -6988,12 +6988,19 @@ button.close { padding: 0.5em 0.5em 0.5em 1em; border-width: 0 0 1px 0; border-color: #cccccc; + background-color: white; } #content .widget .widget-head h2 { margin: 0; font-size: 1em; color: black; } +#content .widget a else { + color: #428bca; +} +#content .widget a:hover else { + color: #2a6496; +} #content .widget form { margin: 1em; } @@ -7169,6 +7176,7 @@ button.close { word-break: break-all; } #content .widget.uc-ecw { + font: inherit; /*- - - - - */ /**/ /**/ @@ -7315,6 +7323,242 @@ code { list-style-type: none; } +.content .btn { + content: 'zzzzzzz95'; + display: inline-block; + margin-bottom: 0; + font-weight: normal; + text-align: center; + vertical-align: middle; + cursor: pointer; + background-image: none; + border: 1px solid transparent; + white-space: nowrap; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857; + border-radius: 4px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.content .btn:focus, .content .btn:active:focus, .content .btn.active:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.content .btn:hover, .content .btn:focus { + color: #333333; + text-decoration: none; +} +.content .btn:active, .content .btn.active { + outline: 0; + background-image: none; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +.content .btn.disabled, .content .btn[disabled], fieldset[disabled] .content .btn { + cursor: not-allowed; + pointer-events: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; +} + +.content .btn-default { + color: #333333; + background-color: white; + border-color: #cccccc; +} +.content .btn-default:hover, .content .btn-default:focus, .content .btn-default:active, .content .btn-default.active, .open > .content .btn-default.dropdown-toggle { + color: #333333; + background-color: #e6e6e6; + border-color: #adadad; +} +.content .btn-default:active, .content .btn-default.active, .open > .content .btn-default.dropdown-toggle { + background-image: none; +} +.content .btn-default.disabled, .content .btn-default.disabled:hover, .content .btn-default.disabled:focus, .content .btn-default.disabled:active, .content .btn-default.disabled.active, .content .btn-default[disabled], .content .btn-default[disabled]:hover, .content .btn-default[disabled]:focus, .content .btn-default[disabled]:active, .content .btn-default[disabled].active, fieldset[disabled] .content .btn-default, fieldset[disabled] .content .btn-default:hover, fieldset[disabled] .content .btn-default:focus, fieldset[disabled] .content .btn-default:active, fieldset[disabled] .content .btn-default.active { + background-color: white; + border-color: #cccccc; +} +.content .btn-default .badge { + color: white; + background-color: #333333; +} + +.content .btn-primary { + color: white; + background-color: #428bca; + border-color: #357ebd; +} +.content .btn-primary:hover, .content .btn-primary:focus, .content .btn-primary:active, .content .btn-primary.active, .open > .content .btn-primary.dropdown-toggle { + color: white; + background-color: #3071a9; + border-color: #285e8e; +} +.content .btn-primary:active, .content .btn-primary.active, .open > .content .btn-primary.dropdown-toggle { + background-image: none; +} +.content .btn-primary.disabled, .content .btn-primary.disabled:hover, .content .btn-primary.disabled:focus, .content .btn-primary.disabled:active, .content .btn-primary.disabled.active, .content .btn-primary[disabled], .content .btn-primary[disabled]:hover, .content .btn-primary[disabled]:focus, .content .btn-primary[disabled]:active, .content .btn-primary[disabled].active, fieldset[disabled] .content .btn-primary, fieldset[disabled] .content .btn-primary:hover, fieldset[disabled] .content .btn-primary:focus, fieldset[disabled] .content .btn-primary:active, fieldset[disabled] .content .btn-primary.active { + background-color: #428bca; + border-color: #357ebd; +} +.content .btn-primary .badge { + color: #428bca; + background-color: white; +} + +.content .btn-success { + color: white; + background-color: #5cb85c; + border-color: #4cae4c; +} +.content .btn-success:hover, .content .btn-success:focus, .content .btn-success:active, .content .btn-success.active, .open > .content .btn-success.dropdown-toggle { + color: white; + background-color: #449d44; + border-color: #398439; +} +.content .btn-success:active, .content .btn-success.active, .open > .content .btn-success.dropdown-toggle { + background-image: none; +} +.content .btn-success.disabled, .content .btn-success.disabled:hover, .content .btn-success.disabled:focus, .content .btn-success.disabled:active, .content .btn-success.disabled.active, .content .btn-success[disabled], .content .btn-success[disabled]:hover, .content .btn-success[disabled]:focus, .content .btn-success[disabled]:active, .content .btn-success[disabled].active, fieldset[disabled] .content .btn-success, fieldset[disabled] .content .btn-success:hover, fieldset[disabled] .content .btn-success:focus, fieldset[disabled] .content .btn-success:active, fieldset[disabled] .content .btn-success.active { + background-color: #5cb85c; + border-color: #4cae4c; +} +.content .btn-success .badge { + color: #5cb85c; + background-color: white; +} + +.content .btn-info { + color: white; + background-color: #5bc0de; + border-color: #46b8da; +} +.content .btn-info:hover, .content .btn-info:focus, .content .btn-info:active, .content .btn-info.active, .open > .content .btn-info.dropdown-toggle { + color: white; + background-color: #31b0d5; + border-color: #269abc; +} +.content .btn-info:active, .content .btn-info.active, .open > .content .btn-info.dropdown-toggle { + background-image: none; +} +.content .btn-info.disabled, .content .btn-info.disabled:hover, .content .btn-info.disabled:focus, .content .btn-info.disabled:active, .content .btn-info.disabled.active, .content .btn-info[disabled], .content .btn-info[disabled]:hover, .content .btn-info[disabled]:focus, .content .btn-info[disabled]:active, .content .btn-info[disabled].active, fieldset[disabled] .content .btn-info, fieldset[disabled] .content .btn-info:hover, fieldset[disabled] .content .btn-info:focus, fieldset[disabled] .content .btn-info:active, fieldset[disabled] .content .btn-info.active { + background-color: #5bc0de; + border-color: #46b8da; +} +.content .btn-info .badge { + color: #5bc0de; + background-color: white; +} + +.content .btn-warning { + color: white; + background-color: #f0ad4e; + border-color: #eea236; +} +.content .btn-warning:hover, .content .btn-warning:focus, .content .btn-warning:active, .content .btn-warning.active, .open > .content .btn-warning.dropdown-toggle { + color: white; + background-color: #ec971f; + border-color: #d58512; +} +.content .btn-warning:active, .content .btn-warning.active, .open > .content .btn-warning.dropdown-toggle { + background-image: none; +} +.content .btn-warning.disabled, .content .btn-warning.disabled:hover, .content .btn-warning.disabled:focus, .content .btn-warning.disabled:active, .content .btn-warning.disabled.active, .content .btn-warning[disabled], .content .btn-warning[disabled]:hover, .content .btn-warning[disabled]:focus, .content .btn-warning[disabled]:active, .content .btn-warning[disabled].active, fieldset[disabled] .content .btn-warning, fieldset[disabled] .content .btn-warning:hover, fieldset[disabled] .content .btn-warning:focus, fieldset[disabled] .content .btn-warning:active, fieldset[disabled] .content .btn-warning.active { + background-color: #f0ad4e; + border-color: #eea236; +} +.content .btn-warning .badge { + color: #f0ad4e; + background-color: white; +} + +.content .btn-danger { + color: white; + background-color: #d9534f; + border-color: #d43f3a; +} +.content .btn-danger:hover, .content .btn-danger:focus, .content .btn-danger:active, .content .btn-danger.active, .open > .content .btn-danger.dropdown-toggle { + color: white; + background-color: #c9302c; + border-color: #ac2925; +} +.content .btn-danger:active, .content .btn-danger.active, .open > .content .btn-danger.dropdown-toggle { + background-image: none; +} +.content .btn-danger.disabled, .content .btn-danger.disabled:hover, .content .btn-danger.disabled:focus, .content .btn-danger.disabled:active, .content .btn-danger.disabled.active, .content .btn-danger[disabled], .content .btn-danger[disabled]:hover, .content .btn-danger[disabled]:focus, .content .btn-danger[disabled]:active, .content .btn-danger[disabled].active, fieldset[disabled] .content .btn-danger, fieldset[disabled] .content .btn-danger:hover, fieldset[disabled] .content .btn-danger:focus, fieldset[disabled] .content .btn-danger:active, fieldset[disabled] .content .btn-danger.active { + background-color: #d9534f; + border-color: #d43f3a; +} +.content .btn-danger .badge { + color: #d9534f; + background-color: white; +} + +.content .btn-link { + color: #428bca; + font-weight: normal; + cursor: pointer; + border-radius: 0; +} +.content .btn-link, .content .btn-link:active, .content .btn-link[disabled], fieldset[disabled] .content .btn-link { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} +.content .btn-link, .content .btn-link:hover, .content .btn-link:focus, .content .btn-link:active { + border-color: transparent; +} +.content .btn-link:hover, .content .btn-link:focus { + color: #2a6496; + text-decoration: underline; + background-color: transparent; +} +.content .btn-link[disabled]:hover, .content .btn-link[disabled]:focus, fieldset[disabled] .content .btn-link:hover, fieldset[disabled] .content .btn-link:focus { + color: #777777; + text-decoration: none; +} + +.content .btn-lg, .content .btn-group-lg > .btn { + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; +} + +.content .btn-sm, .content .btn-group-sm > .btn { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} + +.content .btn-xs, .content .btn-group-xs > .btn { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} + +.content .btn-block { + display: block; + width: 100%; +} + +.content .btn-block + .content .btn-block { + margin-top: 5px; +} + +input[type="submit"].content.btn-block, +input[type="reset"].content.btn-block, +input[type="button"].content.btn-block { + width: 100%; +} + /* PAGE --------------------------------------------------------------*/ #main { @@ -7890,12 +8134,25 @@ body.sticky .ie8 #footers { padding: 0.5em 0.5em 0.5em 1em; border-width: 0 0 1px 0; border-color: #cccccc; + background-color: white; } #mega-footer .widget .widget-head h2 { margin: 0; font-size: 1em; color: black; } +#mega-footer .widget a { + color: #428bca; +} +#mega-footer .widget a else { + color: #428bca; +} +#mega-footer .widget a:hover { + color: #2a6496; +} +#mega-footer .widget a:hover else { + color: #2a6496; +} #mega-footer .widget form { margin: 1em; } @@ -8071,6 +8328,7 @@ body.sticky .ie8 #footers { word-break: break-all; } #mega-footer .widget.uc-ecw { + font: inherit; /*- - - - - */ /**/ /**/ @@ -8219,6 +8477,242 @@ body.sticky .ie8 #footers { padding: 15px 0px; } +#footers .btn { + content: 'zzzzzzz95'; + display: inline-block; + margin-bottom: 0; + font-weight: normal; + text-align: center; + vertical-align: middle; + cursor: pointer; + background-image: none; + border: 1px solid transparent; + white-space: nowrap; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857; + border-radius: 4px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +#footers .btn:focus, #footers .btn:active:focus, #footers .btn.active:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +#footers .btn:hover, #footers .btn:focus { + color: #333333; + text-decoration: none; +} +#footers .btn:active, #footers .btn.active { + outline: 0; + background-image: none; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +#footers .btn.disabled, #footers .btn[disabled], fieldset[disabled] #footers .btn { + cursor: not-allowed; + pointer-events: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; +} + +#footers .btn-default { + color: #333333; + background-color: white; + border-color: #cccccc; +} +#footers .btn-default:hover, #footers .btn-default:focus, #footers .btn-default:active, #footers .btn-default.active, .open > #footers .btn-default.dropdown-toggle { + color: #333333; + background-color: #e6e6e6; + border-color: #adadad; +} +#footers .btn-default:active, #footers .btn-default.active, .open > #footers .btn-default.dropdown-toggle { + background-image: none; +} +#footers .btn-default.disabled, #footers .btn-default.disabled:hover, #footers .btn-default.disabled:focus, #footers .btn-default.disabled:active, #footers .btn-default.disabled.active, #footers .btn-default[disabled], #footers .btn-default[disabled]:hover, #footers .btn-default[disabled]:focus, #footers .btn-default[disabled]:active, #footers .btn-default[disabled].active, fieldset[disabled] #footers .btn-default, fieldset[disabled] #footers .btn-default:hover, fieldset[disabled] #footers .btn-default:focus, fieldset[disabled] #footers .btn-default:active, fieldset[disabled] #footers .btn-default.active { + background-color: white; + border-color: #cccccc; +} +#footers .btn-default .badge { + color: white; + background-color: #333333; +} + +#footers .btn-primary { + color: white; + background-color: #428bca; + border-color: #357ebd; +} +#footers .btn-primary:hover, #footers .btn-primary:focus, #footers .btn-primary:active, #footers .btn-primary.active, .open > #footers .btn-primary.dropdown-toggle { + color: white; + background-color: #3071a9; + border-color: #285e8e; +} +#footers .btn-primary:active, #footers .btn-primary.active, .open > #footers .btn-primary.dropdown-toggle { + background-image: none; +} +#footers .btn-primary.disabled, #footers .btn-primary.disabled:hover, #footers .btn-primary.disabled:focus, #footers .btn-primary.disabled:active, #footers .btn-primary.disabled.active, #footers .btn-primary[disabled], #footers .btn-primary[disabled]:hover, #footers .btn-primary[disabled]:focus, #footers .btn-primary[disabled]:active, #footers .btn-primary[disabled].active, fieldset[disabled] #footers .btn-primary, fieldset[disabled] #footers .btn-primary:hover, fieldset[disabled] #footers .btn-primary:focus, fieldset[disabled] #footers .btn-primary:active, fieldset[disabled] #footers .btn-primary.active { + background-color: #428bca; + border-color: #357ebd; +} +#footers .btn-primary .badge { + color: #428bca; + background-color: white; +} + +#footers .btn-success { + color: white; + background-color: #5cb85c; + border-color: #4cae4c; +} +#footers .btn-success:hover, #footers .btn-success:focus, #footers .btn-success:active, #footers .btn-success.active, .open > #footers .btn-success.dropdown-toggle { + color: white; + background-color: #449d44; + border-color: #398439; +} +#footers .btn-success:active, #footers .btn-success.active, .open > #footers .btn-success.dropdown-toggle { + background-image: none; +} +#footers .btn-success.disabled, #footers .btn-success.disabled:hover, #footers .btn-success.disabled:focus, #footers .btn-success.disabled:active, #footers .btn-success.disabled.active, #footers .btn-success[disabled], #footers .btn-success[disabled]:hover, #footers .btn-success[disabled]:focus, #footers .btn-success[disabled]:active, #footers .btn-success[disabled].active, fieldset[disabled] #footers .btn-success, fieldset[disabled] #footers .btn-success:hover, fieldset[disabled] #footers .btn-success:focus, fieldset[disabled] #footers .btn-success:active, fieldset[disabled] #footers .btn-success.active { + background-color: #5cb85c; + border-color: #4cae4c; +} +#footers .btn-success .badge { + color: #5cb85c; + background-color: white; +} + +#footers .btn-info { + color: white; + background-color: #5bc0de; + border-color: #46b8da; +} +#footers .btn-info:hover, #footers .btn-info:focus, #footers .btn-info:active, #footers .btn-info.active, .open > #footers .btn-info.dropdown-toggle { + color: white; + background-color: #31b0d5; + border-color: #269abc; +} +#footers .btn-info:active, #footers .btn-info.active, .open > #footers .btn-info.dropdown-toggle { + background-image: none; +} +#footers .btn-info.disabled, #footers .btn-info.disabled:hover, #footers .btn-info.disabled:focus, #footers .btn-info.disabled:active, #footers .btn-info.disabled.active, #footers .btn-info[disabled], #footers .btn-info[disabled]:hover, #footers .btn-info[disabled]:focus, #footers .btn-info[disabled]:active, #footers .btn-info[disabled].active, fieldset[disabled] #footers .btn-info, fieldset[disabled] #footers .btn-info:hover, fieldset[disabled] #footers .btn-info:focus, fieldset[disabled] #footers .btn-info:active, fieldset[disabled] #footers .btn-info.active { + background-color: #5bc0de; + border-color: #46b8da; +} +#footers .btn-info .badge { + color: #5bc0de; + background-color: white; +} + +#footers .btn-warning { + color: white; + background-color: #f0ad4e; + border-color: #eea236; +} +#footers .btn-warning:hover, #footers .btn-warning:focus, #footers .btn-warning:active, #footers .btn-warning.active, .open > #footers .btn-warning.dropdown-toggle { + color: white; + background-color: #ec971f; + border-color: #d58512; +} +#footers .btn-warning:active, #footers .btn-warning.active, .open > #footers .btn-warning.dropdown-toggle { + background-image: none; +} +#footers .btn-warning.disabled, #footers .btn-warning.disabled:hover, #footers .btn-warning.disabled:focus, #footers .btn-warning.disabled:active, #footers .btn-warning.disabled.active, #footers .btn-warning[disabled], #footers .btn-warning[disabled]:hover, #footers .btn-warning[disabled]:focus, #footers .btn-warning[disabled]:active, #footers .btn-warning[disabled].active, fieldset[disabled] #footers .btn-warning, fieldset[disabled] #footers .btn-warning:hover, fieldset[disabled] #footers .btn-warning:focus, fieldset[disabled] #footers .btn-warning:active, fieldset[disabled] #footers .btn-warning.active { + background-color: #f0ad4e; + border-color: #eea236; +} +#footers .btn-warning .badge { + color: #f0ad4e; + background-color: white; +} + +#footers .btn-danger { + color: white; + background-color: #d9534f; + border-color: #d43f3a; +} +#footers .btn-danger:hover, #footers .btn-danger:focus, #footers .btn-danger:active, #footers .btn-danger.active, .open > #footers .btn-danger.dropdown-toggle { + color: white; + background-color: #c9302c; + border-color: #ac2925; +} +#footers .btn-danger:active, #footers .btn-danger.active, .open > #footers .btn-danger.dropdown-toggle { + background-image: none; +} +#footers .btn-danger.disabled, #footers .btn-danger.disabled:hover, #footers .btn-danger.disabled:focus, #footers .btn-danger.disabled:active, #footers .btn-danger.disabled.active, #footers .btn-danger[disabled], #footers .btn-danger[disabled]:hover, #footers .btn-danger[disabled]:focus, #footers .btn-danger[disabled]:active, #footers .btn-danger[disabled].active, fieldset[disabled] #footers .btn-danger, fieldset[disabled] #footers .btn-danger:hover, fieldset[disabled] #footers .btn-danger:focus, fieldset[disabled] #footers .btn-danger:active, fieldset[disabled] #footers .btn-danger.active { + background-color: #d9534f; + border-color: #d43f3a; +} +#footers .btn-danger .badge { + color: #d9534f; + background-color: white; +} + +#footers .btn-link { + color: #428bca; + font-weight: normal; + cursor: pointer; + border-radius: 0; +} +#footers .btn-link, #footers .btn-link:active, #footers .btn-link[disabled], fieldset[disabled] #footers .btn-link { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} +#footers .btn-link, #footers .btn-link:hover, #footers .btn-link:focus, #footers .btn-link:active { + border-color: transparent; +} +#footers .btn-link:hover, #footers .btn-link:focus { + color: #2a6496; + text-decoration: underline; + background-color: transparent; +} +#footers .btn-link[disabled]:hover, #footers .btn-link[disabled]:focus, fieldset[disabled] #footers .btn-link:hover, fieldset[disabled] #footers .btn-link:focus { + color: #777777; + text-decoration: none; +} + +#footers .btn-lg, #footers .btn-group-lg > .btn { + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; +} + +#footers .btn-sm, #footers .btn-group-sm > .btn { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} + +#footers .btn-xs, #footers .btn-group-xs > .btn { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} + +#footers .btn-block { + display: block; + width: 100%; +} + +#footers .btn-block + #footers .btn-block { + margin-top: 5px; +} + +input[type="submit"]#footers.btn-block, +input[type="reset"]#footers.btn-block, +input[type="button"]#footers.btn-block { + width: 100%; +} + /* ATTN: Devs diff --git a/style.scss b/style.scss index 564592a..931b764 100644 --- a/style.scss +++ b/style.scss @@ -19,8 +19,10 @@ $icon-font-path: "../../global/bootstrap-sass-master/assets/fonts/bootstrap/" !d @import "sass/nav.scss"; @import "sass/header-image.scss"; - +// mixins @import "sass/widgets.scss"; +@import "sass/buttons.scss"; + @import "sass/content.scss"; @import "sass/captions.scss"; @import "sass/alignments.scss"; @@ -34,6 +36,7 @@ $icon-font-path: "../../global/bootstrap-sass-master/assets/fonts/bootstrap/" !d @import "sass/in-page-menus.scss"; @import "sass/footer.scss"; + /* ATTN: Devs