diff options
| author | Mark Otto <[email protected]> | 2013-09-01 23:38:11 +0200 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-09-01 23:38:11 +0200 |
| commit | 1fd923784093f690cc953b1e28a115603603e1b1 (patch) | |
| tree | c9f84256eec92ccf8372f3dc4f375add4af6ed72 | |
| parent | bfda156bb95c115ac9abba880074d4582c81dc0d (diff) | |
| download | bootstrap-1fd923784093f690cc953b1e28a115603603e1b1.tar.xz bootstrap-1fd923784093f690cc953b1e28a115603603e1b1.zip | |
fixes #9909: Add component active color variable to complement component active bg variable
| -rw-r--r-- | customize.html | 8 | ||||
| -rw-r--r-- | less/variables.less | 3 |
2 files changed, 8 insertions, 3 deletions
diff --git a/customize.html b/customize.html index bbdaa3f07..da8d9d4c4 100644 --- a/customize.html +++ b/customize.html @@ -554,10 +554,14 @@ base_url: "../" <input type="text" class="form-control" placeholder="6px" data-var="@border-radius-large"> <label>@border-radius-small</label> <input type="text" class="form-control" placeholder="3px" data-var="@border-radius-small"> + <h4>Active text color</h4> + <label>@component-active-color</label> + <input type="text" class="form-control" placeholder="#fff" data-var="@component-active-color"> + <p class="help-block">Global color for active items (e.g., navs or dropdowns)</p> <h4>Active background color</h4> <label>@component-active-bg</label> <input type="text" class="form-control" placeholder="@brand-primary" data-var="@component-active-bg"> - <p class="help-block">Used for active or hovered items in places like navs or dropdowns.</p> + <p class="help-block">Global background color for active items (e.g., navs or dropdowns)</p> </div> </div> @@ -923,7 +927,7 @@ base_url: "../" <p class="help-block">Hovered dropdown menu entry text color</p> <label>@dropdown-link-active-color</label> - <input type="text" class="form-control" placeholder="#fff" data-var="@dropdown-link-active-color"> + <input type="text" class="form-control" placeholder="@component-active-color" data-var="@dropdown-link-active-color"> <p class="help-block">Active dropdown menu entry text color</p> <label>@dropdown-link-active-bg</label> <input type="text" class="form-control" placeholder="@component-active-bg" data-var="@dropdown-link-active-bg"> diff --git a/less/variables.less b/less/variables.less index f7286c69a..cd46c9ef8 100644 --- a/less/variables.less +++ b/less/variables.less @@ -91,6 +91,7 @@ @border-radius-large: 6px; @border-radius-small: 3px; +@component-active-color: #fff; @component-active-bg: @brand-primary; @caret-width-base: 4px; @@ -178,7 +179,7 @@ @dropdown-link-hover-color: darken(@gray-dark, 5%); @dropdown-link-hover-bg: #f5f5f5; -@dropdown-link-active-color: #fff; +@dropdown-link-active-color: @component-active-color; @dropdown-link-active-bg: @component-active-bg; @dropdown-link-disabled-color: @gray-light; |