kotovalexarian-likes-github
/
twbs--bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Releases Activity

fixes #9909: Add component active color variable to complement component active bg variable

This commit is contained in:
Mark Otto 2013-09-01 23:38:11 +02:00
parent bfda156bb9
commit 1fd9237840
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
customize.html
View File

@ -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">

3
less/variables.less
View File

@ -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;