diff options
| author | Jacob Thornton <[email protected]> | 2011-08-25 13:31:46 -0700 |
|---|---|---|
| committer | Jacob Thornton <[email protected]> | 2011-08-25 13:31:46 -0700 |
| commit | 0e9d7c1c4d9552dda438d6eb5d2f175a99fd4501 (patch) | |
| tree | 39e7dc0b53a5bc81b60fa79f83c5baea5d2801bd /lib/preboot.less | |
| parent | 50f484eed6e9161cb7e50531b0fa3f16ada549e0 (diff) | |
| download | bootstrap-0e9d7c1c4d9552dda438d6eb5d2f175a99fd4501.tar.xz bootstrap-0e9d7c1c4d9552dda438d6eb5d2f175a99fd4501.zip | |
update alert and button styling aproach
Diffstat (limited to 'lib/preboot.less')
| -rw-r--r-- | lib/preboot.less | 51 |
1 files changed, 43 insertions, 8 deletions
diff --git a/lib/preboot.less b/lib/preboot.less index 964f677a6..cec847852 100644 --- a/lib/preboot.less +++ b/lib/preboot.less @@ -170,14 +170,6 @@ column-gap: @columnGap; } -// Buttons -.btnColoring(@primaryColor, @secondaryColor) { - #gradient > .vertical(@primaryColor, @secondaryColor); - text-shadow: 0 -1px 0 rgba(0,0,0,.25); - border-color: @secondaryColor @secondaryColor darken(@secondaryColor, 15%); - border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%); -} - // Add an alphatransparency value to any background or border color (via Elyse Holladay) #translucent { .background(@color: @white, @alpha: 1) { @@ -189,6 +181,49 @@ } } +// Gradient Bar Colors for buttons and allerts +.gradientBar(@primaryColor, @secondaryColor) { + #gradient > .vertical(@primaryColor, @secondaryColor); + text-shadow: 0 -1px 0 rgba(0,0,0,.25); + border-color: @secondaryColor @secondaryColor darken(@secondaryColor, 15%); + border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%); +} + +// Shared colors for buttons and alerts + +.btn, +.alert { + + &.danger, + &.danger:hover, + &.error, + &.error:hover, + &.success, + &.success:hover, + &.info, + &.info:hover { + color: @white + } + + &.danger, + &.danger:hover, + &.error, + &.error:hover { + .gradientBar(#f56a66, #d6463e); + } + + &.success, + &.success:hover { + .gradientBar(#62c462, #57a957); + } + + &.info, + &.info:hover { + .gradientBar(#6bd0ee, #36b3d9); + } + +} + // Gradients #gradient { .horizontal (@startColor: #555, @endColor: #333) { |