diff options
| author | Mark Otto <[email protected]> | 2013-08-05 20:00:23 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-08-05 20:00:23 -0700 |
| commit | 219f0fe7c54d6ece4fcfc58b140189c12e63f360 (patch) | |
| tree | 0355fdccf1ff8599f63a883dd4723c8d977e1e00 /less | |
| parent | 0faf42b4bc3fd301beaa5b5f9b4d367f69899b05 (diff) | |
| parent | ac3cb6974ad0573812b65a2054a5809da9946cb6 (diff) | |
| download | bootstrap-219f0fe7c54d6ece4fcfc58b140189c12e63f360.tar.xz bootstrap-219f0fe7c54d6ece4fcfc58b140189c12e63f360.zip | |
Merge branch '3.0.0-wip' into bs3_alerts_default_class
Conflicts:
dist/css/bootstrap.min.css
Diffstat (limited to 'less')
| -rw-r--r-- | less/alerts.less | 4 | ||||
| -rw-r--r-- | less/badges.less | 6 | ||||
| -rw-r--r-- | less/button-groups.less | 8 | ||||
| -rw-r--r-- | less/buttons.less | 4 | ||||
| -rw-r--r-- | less/carousel.less | 6 | ||||
| -rw-r--r-- | less/close.less | 2 | ||||
| -rw-r--r-- | less/dropdowns.less | 6 | ||||
| -rw-r--r-- | less/input-groups.less | 5 | ||||
| -rw-r--r-- | less/variables.less | 24 |
9 files changed, 42 insertions, 23 deletions
diff --git a/less/alerts.less b/less/alerts.less index 75e142d8f..d40519c73 100644 --- a/less/alerts.less +++ b/less/alerts.less @@ -7,7 +7,7 @@ // ------------------------- .alert { - padding: 15px 35px 15px 15px; + padding: @alert-padding (@alert-padding + 20) @alert-padding @alert-padding; margin-bottom: @line-height-computed; color: @alert-text; background-color: @alert-bg; @@ -26,7 +26,7 @@ } // Provide class for links that match alerts .alert-link { - font-weight: bold; + font-weight: @alert-link-font-weight; color: darken(@alert-text, 10%); } diff --git a/less/badges.less b/less/badges.less index 06f402925..a87e556cb 100644 --- a/less/badges.less +++ b/less/badges.less @@ -9,14 +9,14 @@ min-width: 10px; padding: 3px 7px; font-size: @font-size-small; - font-weight: bold; + font-weight: @badge-font-weight; color: @badge-color; - line-height: 1; + line-height: @badge-line-height; vertical-align: baseline; white-space: nowrap; text-align: center; background-color: @badge-bg; - border-radius: 10px; + border-radius: @badge-border-radius; // Empty labels/badges collapse &:empty { diff --git a/less/button-groups.less b/less/button-groups.less index 76936691a..3ae18e92f 100644 --- a/less/button-groups.less +++ b/less/button-groups.less @@ -47,6 +47,10 @@ &.active { z-index: 2; } + &:focus { + // Remove focus outline when dropdown JS adds it after closing the menu + outline: none; + } } } @@ -140,11 +144,11 @@ } // Carets in other button sizes .btn-lg .caret { - border-width: 5px; + border-width: @caret-width-large; } // Upside down carets for .dropup .dropup .btn-lg .caret { - border-bottom-width: 5px; + border-bottom-width: @caret-width-large; } diff --git a/less/buttons.less b/less/buttons.less index 8cd44cb5f..8dc05e824 100644 --- a/less/buttons.less +++ b/less/buttons.less @@ -12,7 +12,7 @@ padding: @padding-base-vertical @padding-base-horizontal; margin-bottom: 0; // For input.btn font-size: @font-size-base; - font-weight: 500; + font-weight: @btn-font-weight; line-height: @line-height-base; text-align: center; vertical-align: middle; @@ -110,7 +110,7 @@ fieldset[disabled] & { &:hover, &:focus { - color: @gray-dark; + color: @btn-link-disabled-color; text-decoration: none; } } diff --git a/less/carousel.less b/less/carousel.less index cf0d1e216..045cd52f3 100644 --- a/less/carousel.less +++ b/less/carousel.less @@ -69,9 +69,9 @@ top: 0; left: 0; bottom: 0; - width: 15%; - .opacity(.5); - font-size: 20px; + width: @carousel-control-width; + .opacity(@carousel-control-opacity); + font-size: @carousel-control-font-size; color: @carousel-control-color; text-align: center; text-shadow: @carousel-text-shadow; diff --git a/less/close.less b/less/close.less index f915667e5..9b4e74f2b 100644 --- a/less/close.less +++ b/less/close.less @@ -6,7 +6,7 @@ .close { float: right; font-size: (@font-size-base * 1.5); - font-weight: bold; + font-weight: @close-font-weight; line-height: 1; color: @close-color; text-shadow: @close-text-shadow; diff --git a/less/dropdowns.less b/less/dropdowns.less index 1cd76a070..675300de5 100644 --- a/less/dropdowns.less +++ b/less/dropdowns.less @@ -11,9 +11,9 @@ height: 0; margin-left: 2px; vertical-align: middle; - border-top: 4px solid @dropdown-caret-color; - border-right: 4px solid transparent; - border-left: 4px solid transparent; + border-top: @caret-width-base solid @dropdown-caret-color; + border-right: @caret-width-base solid transparent; + border-left: @caret-width-base solid transparent; content: ""; } diff --git a/less/input-groups.less b/less/input-groups.less index 79d1afcd4..56c6cb62c 100644 --- a/less/input-groups.less +++ b/less/input-groups.less @@ -44,11 +44,10 @@ // Text input groups // ------------------------- .input-group-addon { - .box-sizing(border-box); padding: @padding-base-vertical @padding-base-horizontal; font-size: @font-size-base; font-weight: normal; - line-height: @line-height-base; + line-height: 1; text-align: center; background-color: @gray-lighter; border: 1px solid @input-group-addon-border-color; @@ -59,13 +58,11 @@ padding: @padding-small-vertical @padding-small-horizontal; font-size: @font-size-small; border-radius: @border-radius-small; - line-height: @line-height-small; } &.input-lg { padding: @padding-large-vertical @padding-large-horizontal; font-size: @font-size-large; border-radius: @border-radius-large; - line-height: @line-height-large; } // Nuke default margins from checkboxes and radios to vertically center within. diff --git a/less/variables.less b/less/variables.less index b3743755c..27b13c3ab 100644 --- a/less/variables.less +++ b/less/variables.less @@ -78,6 +78,8 @@ @component-active-bg: @brand-primary; +@caret-width-base: 4px; +@caret-width-large: 5px; // Tables // ------------------------- @@ -96,6 +98,8 @@ // Buttons // ------------------------- +@btn-font-weight: bold; + @btn-default-color: #333; @btn-default-bg: #fff; @btn-default-border: #ccc; @@ -120,6 +124,8 @@ @btn-info-bg: @brand-info; @btn-info-border: darken(@btn-info-bg, 5%); +@btn-link-disabled-color: @gray-light; + // Forms // ------------------------- @@ -404,10 +410,13 @@ // Alerts // ------------------------- +@alert-padding: 15px; +@alert-border-radius: @border-radius-base; +@alert-link-font-weight: bold; + @alert-bg: @state-warning-bg; @alert-text: @state-warning-text; @alert-border: @state-warning-border; -@alert-border-radius: @border-radius-base; @alert-success-bg: @state-success-bg; @alert-success-text: @state-success-text; @@ -500,11 +509,15 @@ // ------------------------- @badge-color: #fff; @badge-link-hover-color: #fff; - @badge-bg: @gray-light; + @badge-active-color: @link-color; @badge-active-bg: #fff; +@badge-font-weight: bold; +@badge-line-height: 1; +@badge-border-radius: 10px; + // Breadcrumbs // ------------------------- @@ -515,12 +528,16 @@ // Carousel // ------------------------ + @carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); @carousel-control-color: #fff; +@carousel-control-width: 15%; +@carousel-control-opacity: .5; +@carousel-control-font-size: 20px; -@carousel-indicator-border-color: #fff; @carousel-indicator-active-bg: #fff; +@carousel-indicator-border-color: #fff; @carousel-caption-color: #fff; @@ -528,6 +545,7 @@ // Close // ------------------------ @close-color: #000; +@close-font-weight: bold; @close-text-shadow: 0 1px 0 #fff; |
