diff options
| author | Mark Otto <[email protected]> | 2013-07-23 23:25:46 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-07-23 23:25:46 -0700 |
| commit | 9029b4c06cd0f7daf263df57e6b8b3daf9297674 (patch) | |
| tree | 85acab86ad3301c32028d38eee34463f590ed036 | |
| parent | a049cdd46e382c87688f5bfb920d99c632f1dfd6 (diff) | |
| download | bootstrap-9029b4c06cd0f7daf263df57e6b8b3daf9297674.tar.xz bootstrap-9029b4c06cd0f7daf263df57e6b8b3daf9297674.zip | |
Update forms vars
* Reorganize layout
* Add input group var
* Add legend border var
| -rw-r--r-- | customize.html | 32 | ||||
| -rw-r--r-- | less/forms.less | 1 | ||||
| -rw-r--r-- | less/variables.less | 3 |
3 files changed, 21 insertions, 15 deletions
diff --git a/customize.html b/customize.html index 0fc753ca7..0bb8f12b8 100644 --- a/customize.html +++ b/customize.html @@ -780,27 +780,35 @@ lead: Customize Bootstrap's components, LESS variables, and jQuery plugins to ge <h2 id="variables-forms">Forms</h2> <div class="row"> <div class="col-lg-6"> - <h3>Background</h3> + <h3>Inputs</h3> <label>@input-bg</label> <input type="text" placeholder="#fff"> <p class="help-block"><code><input></code> background color</p> + <label>@input-border</label> + <input type="text" placeholder="#ccc"> + <p class="help-block"><code><input></code> border color</p> + <label>@input-border-radius</label> + <input type="text" placeholder="@border-radius-base"> + <p class="help-block"><code><input></code> border radius</p> <label>@input-bg-disabled</label> <input type="text" placeholder="@gray-lighter"> - <p class="help-block"><code><input disabled></code>background color</p> - + <p class="help-block"><code><input disabled></code> background color</p> + </div> + <div class="col-lg-6"> <h3>Placeholder</h3> <label>@input-color-placeholder</label> <input type="text" placeholder="@gray-light"> <p class="help-block">Placeholder text color</p> - </div> - <div class="col-lg-6"> - <h3>Border</h3> - <label>@input-border</label> - <input type="text" placeholder="#ccc"> - <p class="help-block"><code><input></code> border color</p> - <label>@input-border-radius</label> - <input type="text" placeholder="@border-radius-base"> - <p class="help-block"><code><input></code>border radius</p> + + <h3>Legend</h3> + <label>@legend-border-color</label> + <input type="text" placeholder="#e5e5e5"> + <p class="help-block"><code><legend></code> border color</p> + + <h3>Input groups</h3> + <label>@input-group-addon-border-color</label> + <input type="text" placeholder="@input-border"> + <p class="help-block">Border color for textual input addons</p> </div> </div> diff --git a/less/forms.less b/less/forms.less index e2cb66d7c..5991df9db 100644 --- a/less/forms.less +++ b/less/forms.less @@ -344,7 +344,6 @@ select { font-weight: normal; line-height: @line-height-base; text-align: center; - text-shadow: @input-group-addon-text-shadow; background-color: @gray-lighter; border: 1px solid @input-group-addon-border-color; border-radius: @border-radius-base; diff --git a/less/variables.less b/less/variables.less index 38ca8a474..7e1de3bdf 100644 --- a/less/variables.less +++ b/less/variables.less @@ -137,8 +137,7 @@ @legend-border-color: #e5e5e5; -@input-group-addon-text-shadow: 0 1px 0 #fff; -@input-group-addon-border-color: #ccc; +@input-group-addon-border-color: @input-border; // Dropdowns |