diff options
Diffstat (limited to 'docs/_includes/customizer-variables.html')
| -rw-r--r-- | docs/_includes/customizer-variables.html | 55 |
1 files changed, 51 insertions, 4 deletions
diff --git a/docs/_includes/customizer-variables.html b/docs/_includes/customizer-variables.html index 7aeeee378..7f2dd58b7 100644 --- a/docs/_includes/customizer-variables.html +++ b/docs/_includes/customizer-variables.html @@ -151,6 +151,25 @@ <input id="input-@headings-color" type="text" value="inherit" data-var="@headings-color" class="form-control"/> </div> </div> +<h2 id="iconography">Iconography</h2> +<p>Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.</p> +<div class="row"> + <div class="bs-customizer-input"> + <label for="input-@icon-font-path">@icon-font-path</label> + <input id="input-@icon-font-path" type="text" value=""../fonts/"" data-var="@icon-font-path" class="form-control"/> + <p class="help-block">Load fonts from this directory.</p> + </div> + <div class="bs-customizer-input"> + <label for="input-@icon-font-name">@icon-font-name</label> + <input id="input-@icon-font-name" type="text" value=""glyphicons-halflings-regular"" data-var="@icon-font-name" class="form-control"/> + <p class="help-block">File name for all font files.</p> + </div> + <div class="bs-customizer-input"> + <label for="input-@icon-font-svg-id">@icon-font-svg-id</label> + <input id="input-@icon-font-svg-id" type="text" value=""glyphicons_halflingsregular"" data-var="@icon-font-svg-id" class="form-control"/> + <p class="help-block">Element ID within SVG icon file.</p> + </div> +</div> <h2 id="components">Components</h2> <p>Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).</p> <div class="row"> @@ -1126,7 +1145,7 @@ <div class="row"> <div class="bs-customizer-input"> <label for="input-@modal-inner-padding">@modal-inner-padding</label> - <input id="input-@modal-inner-padding" type="text" value="20px" data-var="@modal-inner-padding" class="form-control"/> + <input id="input-@modal-inner-padding" type="text" value="15px" data-var="@modal-inner-padding" class="form-control"/> <p class="help-block">Padding applied to the modal body</p> </div> <div class="bs-customizer-input"> @@ -1311,17 +1330,17 @@ <div class="bs-customizer-input"> <label for="input-@list-group-hover-bg">@list-group-hover-bg</label> <input id="input-@list-group-hover-bg" type="text" value="#f5f5f5" data-var="@list-group-hover-bg" class="form-control"/> - <p class="help-block">Background color of single list elements on hover</p> + <p class="help-block">Background color of single list items on hover</p> </div> <div class="bs-customizer-input"> <label for="input-@list-group-active-color">@list-group-active-color</label> <input id="input-@list-group-active-color" type="text" value="@component-active-color" data-var="@list-group-active-color" class="form-control"/> - <p class="help-block">Text color of active list elements</p> + <p class="help-block">Text color of active list items</p> </div> <div class="bs-customizer-input"> <label for="input-@list-group-active-bg">@list-group-active-bg</label> <input id="input-@list-group-active-bg" type="text" value="@component-active-bg" data-var="@list-group-active-bg" class="form-control"/> - <p class="help-block">Background color of active list elements</p> + <p class="help-block">Background color of active list items</p> </div> <div class="bs-customizer-input"> <label for="input-@list-group-active-border">@list-group-active-border</label> @@ -1331,12 +1350,32 @@ <div class="bs-customizer-input"> <label for="input-@list-group-active-text-color">@list-group-active-text-color</label> <input id="input-@list-group-active-text-color" type="text" value="lighten(@list-group-active-bg, 40%)" data-var="@list-group-active-text-color" class="form-control"/> + <p class="help-block">Text color for content within active list items</p> + </div> + <div class="bs-customizer-input"> + <label for="input-@list-group-disabled-color">@list-group-disabled-color</label> + <input id="input-@list-group-disabled-color" type="text" value="@gray-light" data-var="@list-group-disabled-color" class="form-control"/> + <p class="help-block">Text color of disabled list items</p> + </div> + <div class="bs-customizer-input"> + <label for="input-@list-group-disabled-bg">@list-group-disabled-bg</label> + <input id="input-@list-group-disabled-bg" type="text" value="@gray-lighter" data-var="@list-group-disabled-bg" class="form-control"/> + <p class="help-block">Background color of disabled list items</p> + </div> + <div class="bs-customizer-input"> + <label for="input-@list-group-disabled-text-color">@list-group-disabled-text-color</label> + <input id="input-@list-group-disabled-text-color" type="text" value="@list-group-disabled-color" data-var="@list-group-disabled-text-color" class="form-control"/> + <p class="help-block">Text color for content within disabled list items</p> </div> <div class="bs-customizer-input"> <label for="input-@list-group-link-color">@list-group-link-color</label> <input id="input-@list-group-link-color" type="text" value="#555" data-var="@list-group-link-color" class="form-control"/> </div> <div class="bs-customizer-input"> + <label for="input-@list-group-link-hover-color">@list-group-link-hover-color</label> + <input id="input-@list-group-link-hover-color" type="text" value="@list-group-link-color" data-var="@list-group-link-hover-color" class="form-control"/> + </div> + <div class="bs-customizer-input"> <label for="input-@list-group-link-heading-color">@list-group-link-heading-color</label> <input id="input-@list-group-link-heading-color" type="text" value="#333" data-var="@list-group-link-heading-color" class="form-control"/> </div> @@ -1353,6 +1392,14 @@ <input id="input-@panel-body-padding" type="text" value="15px" data-var="@panel-body-padding" class="form-control"/> </div> <div class="bs-customizer-input"> + <label for="input-@panel-heading-padding">@panel-heading-padding</label> + <input id="input-@panel-heading-padding" type="text" value="10px 15px" data-var="@panel-heading-padding" class="form-control"/> + </div> + <div class="bs-customizer-input"> + <label for="input-@panel-footer-padding">@panel-footer-padding</label> + <input id="input-@panel-footer-padding" type="text" value="@panel-heading-padding" data-var="@panel-footer-padding" class="form-control"/> + </div> + <div class="bs-customizer-input"> <label for="input-@panel-border-radius">@panel-border-radius</label> <input id="input-@panel-border-radius" type="text" value="@border-radius-base" data-var="@panel-border-radius" class="form-control"/> </div> |