aboutsummaryrefslogtreecommitdiff
path: root/docs/_includes/customizer-variables.html
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2014-03-06 22:40:25 -0800
committerMark Otto <[email protected]>2014-03-06 22:40:25 -0800
commit12c619f5b9149a4d3f4d24efe106504b6a8a5004 (patch)
treedacdd064110d04b8195151c08ef4e5713ba3ea24 /docs/_includes/customizer-variables.html
parentf4dd6221d4e7a8eaa9cd8ebe0457ad016f5058cc (diff)
parent7e299c6a49bced5d2c2581a5504ddf7dbcaf041f (diff)
downloadbootstrap-12c619f5b9149a4d3f4d24efe106504b6a8a5004.tar.xz
bootstrap-12c619f5b9149a4d3f4d24efe106504b6a8a5004.zip
Merge branch 'master' into boulox-responsive-embed
Conflicts: dist/css/bootstrap.css.map dist/css/bootstrap.min.css docs/assets/js/customize.min.js docs/assets/js/docs.min.js docs/css.html docs/dist/css/bootstrap.css.map docs/dist/css/bootstrap.min.css
Diffstat (limited to 'docs/_includes/customizer-variables.html')
-rw-r--r--docs/_includes/customizer-variables.html119
1 files changed, 78 insertions, 41 deletions
diff --git a/docs/_includes/customizer-variables.html b/docs/_includes/customizer-variables.html
index 0b4429d72..e307471d3 100644
--- a/docs/_includes/customizer-variables.html
+++ b/docs/_includes/customizer-variables.html
@@ -1,5 +1,5 @@
-<!-- NOTE: DO NOT EDIT THE FOLLOWING SECTION DIRECTLY! It is autogenerated via the `build-customizer-vars-form` Grunt task using the customizer-variables.jade template.-->
+<!-- NOTE: DO NOT EDIT THE FOLLOWING SECTION DIRECTLY! It is autogenerated via the `build-customizer-html` Grunt task using the customizer-variables.jade template.-->
<h2 id="colors">Colors</h2>
<p>Gray and brand colors for use across Bootstrap.</p>
<div class="row">
@@ -131,7 +131,7 @@
<div class="bs-customizer-input">
<label for="input-@line-height-computed">@line-height-computed</label>
<input id="input-@line-height-computed" type="text" value="floor((@font-size-base * @line-height-base))" data-var="@line-height-computed" class="form-control"/>
- <p class="help-block">Computed &quot;line-height&quot; (<code>font-size</code> &amp;times; <code>line-height</code>) for use with <code>margin</code>, <code>padding</code>, etc.</p>
+ <p class="help-block">Computed &quot;line-height&quot; (<code>font-size</code> * <code>line-height</code>) for use with <code>margin</code>, <code>padding</code>, etc.</p>
</div>
<div class="bs-customizer-input">
<label for="input-@headings-font-family">@headings-font-family</label>
@@ -572,6 +572,37 @@
<p class="help-block">Point at which the navbar begins collapsing.</p>
</div>
</div>
+<h2 id="container-sizes">Container sizes</h2>
+<p>Define the maximum width of <code>.container</code> for different screen sizes.</p>
+<div class="row">
+ <div class="bs-customizer-input">
+ <label for="input-@container-tablet">@container-tablet</label>
+ <input id="input-@container-tablet" type="text" value="((720px + @grid-gutter-width))" data-var="@container-tablet" class="form-control"/>
+ </div>
+ <div class="bs-customizer-input">
+ <label for="input-@container-sm">@container-sm</label>
+ <input id="input-@container-sm" type="text" value="@container-tablet" data-var="@container-sm" class="form-control"/>
+ <p class="help-block">For <code>@screen-sm-min</code> and up.</p>
+ </div>
+ <div class="bs-customizer-input">
+ <label for="input-@container-desktop">@container-desktop</label>
+ <input id="input-@container-desktop" type="text" value="((940px + @grid-gutter-width))" data-var="@container-desktop" class="form-control"/>
+ </div>
+ <div class="bs-customizer-input">
+ <label for="input-@container-md">@container-md</label>
+ <input id="input-@container-md" type="text" value="@container-desktop" data-var="@container-md" class="form-control"/>
+ <p class="help-block">For <code>@screen-md-min</code> and up.</p>
+ </div>
+ <div class="bs-customizer-input">
+ <label for="input-@container-large-desktop">@container-large-desktop</label>
+ <input id="input-@container-large-desktop" type="text" value="((1140px + @grid-gutter-width))" data-var="@container-large-desktop" class="form-control"/>
+ </div>
+ <div class="bs-customizer-input">
+ <label for="input-@container-lg">@container-lg</label>
+ <input id="input-@container-lg" type="text" value="@container-large-desktop" data-var="@container-lg" class="form-control"/>
+ <p class="help-block">For <code>@screen-lg-min</code> and up.</p>
+ </div>
+</div>
<h2 id="navbar">Navbar</h2>
<p></p>
<div class="row">
@@ -596,6 +627,10 @@
<input id="input-@navbar-padding-vertical" type="text" value="((@navbar-height - @line-height-computed) / 2)" data-var="@navbar-padding-vertical" class="form-control"/>
</div>
<div class="bs-customizer-input">
+ <label for="input-@navbar-collapse-max-height">@navbar-collapse-max-height</label>
+ <input id="input-@navbar-collapse-max-height" type="text" value="340px" data-var="@navbar-collapse-max-height" class="form-control"/>
+ </div>
+ <div class="bs-customizer-input">
<label for="input-@navbar-default-color">@navbar-default-color</label>
<input id="input-@navbar-default-color" type="text" value="#777" data-var="@navbar-default-color" class="form-control"/>
</div>
@@ -1033,12 +1068,12 @@
</div>
<div class="bs-customizer-input">
<label for="input-@popover-arrow-outer-color">@popover-arrow-outer-color</label>
- <input id="input-@popover-arrow-outer-color" type="text" value="rgba(0,0,0,.25)" data-var="@popover-arrow-outer-color" class="form-control"/>
+ <input id="input-@popover-arrow-outer-color" type="text" value="fadein(@popover-border-color, 5%)" data-var="@popover-arrow-outer-color" class="form-control"/>
<p class="help-block">Popover outer arrow color</p>
</div>
<div class="bs-customizer-input">
<label for="input-@popover-arrow-outer-fallback-color">@popover-arrow-outer-fallback-color</label>
- <input id="input-@popover-arrow-outer-fallback-color" type="text" value="#999" data-var="@popover-arrow-outer-fallback-color" class="form-control"/>
+ <input id="input-@popover-arrow-outer-fallback-color" type="text" value="darken(@popover-fallback-border-color, 20%)" data-var="@popover-arrow-outer-fallback-color" class="form-control"/>
<p class="help-block">Popover outer arrow fallback color</p>
</div>
</div>
@@ -1091,7 +1126,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">
@@ -1117,7 +1152,7 @@
<div class="bs-customizer-input">
<label for="input-@modal-content-fallback-border-color">@modal-content-fallback-border-color</label>
<input id="input-@modal-content-fallback-border-color" type="text" value="#999" data-var="@modal-content-fallback-border-color" class="form-control"/>
- <p class="help-block">Modal content border color &lt;strong&gt;for IE8&lt;/strong&gt;</p>
+ <p class="help-block">Modal content border color <strong>for IE8</strong></p>
</div>
<div class="bs-customizer-input">
<label for="input-@modal-backdrop-bg">@modal-backdrop-bg</label>
@@ -1144,6 +1179,10 @@
<input id="input-@modal-lg" type="text" value="900px" data-var="@modal-lg" class="form-control"/>
</div>
<div class="bs-customizer-input">
+ <label for="input-@modal-md">@modal-md</label>
+ <input id="input-@modal-md" type="text" value="600px" data-var="@modal-md" class="form-control"/>
+ </div>
+ <div class="bs-customizer-input">
<label for="input-@modal-sm">@modal-sm</label>
<input id="input-@modal-sm" type="text" value="300px" data-var="@modal-sm" class="form-control"/>
</div>
@@ -1272,17 +1311,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>
@@ -1292,6 +1331,22 @@
<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>
@@ -1314,6 +1369,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>
@@ -1624,6 +1687,11 @@
<p class="help-block">Blockquote small color</p>
</div>
<div class="bs-customizer-input">
+ <label for="input-@blockquote-font-size">@blockquote-font-size</label>
+ <input id="input-@blockquote-font-size" type="text" value="(@font-size-base * 1.25)" data-var="@blockquote-font-size" class="form-control"/>
+ <p class="help-block">Blockquote font size</p>
+ </div>
+ <div class="bs-customizer-input">
<label for="input-@blockquote-border-color">@blockquote-border-color</label>
<input id="input-@blockquote-border-color" type="text" value="@gray-lighter" data-var="@blockquote-border-color" class="form-control"/>
<p class="help-block">Blockquote border color</p>
@@ -1648,35 +1716,4 @@
<p class="help-block">Horizontal offset for forms and lists.</p>
</div>
</div>
-<h2 id="container-sizes">Container sizes</h2>
-<p>Define the maximum width of <code>.container</code> for different screen sizes.</p>
-<div class="row">
- <div class="bs-customizer-input">
- <label for="input-@container-tablet">@container-tablet</label>
- <input id="input-@container-tablet" type="text" value="((720px + @grid-gutter-width))" data-var="@container-tablet" class="form-control"/>
- </div>
- <div class="bs-customizer-input">
- <label for="input-@container-sm">@container-sm</label>
- <input id="input-@container-sm" type="text" value="@container-tablet" data-var="@container-sm" class="form-control"/>
- <p class="help-block">For <code>@screen-sm-min</code> and up.</p>
- </div>
- <div class="bs-customizer-input">
- <label for="input-@container-desktop">@container-desktop</label>
- <input id="input-@container-desktop" type="text" value="((940px + @grid-gutter-width))" data-var="@container-desktop" class="form-control"/>
- </div>
- <div class="bs-customizer-input">
- <label for="input-@container-md">@container-md</label>
- <input id="input-@container-md" type="text" value="@container-desktop" data-var="@container-md" class="form-control"/>
- <p class="help-block">For <code>@screen-md-min</code> and up.</p>
- </div>
- <div class="bs-customizer-input">
- <label for="input-@container-large-desktop">@container-large-desktop</label>
- <input id="input-@container-large-desktop" type="text" value="((1140px + @grid-gutter-width))" data-var="@container-large-desktop" class="form-control"/>
- </div>
- <div class="bs-customizer-input">
- <label for="input-@container-lg">@container-lg</label>
- <input id="input-@container-lg" type="text" value="@container-large-desktop" data-var="@container-lg" class="form-control"/>
- <p class="help-block">For <code>@screen-lg-min</code> and up.</p>
- </div>
-</div>
-<!-- NOTE: DO NOT EDIT THE PRECEDING SECTION DIRECTLY! It is autogenerated via the `build-customizer-vars-form` Grunt task using the customizer-variables.jade template.--> \ No newline at end of file
+<!-- NOTE: DO NOT EDIT THE PRECEDING SECTION DIRECTLY! It is autogenerated via the `build-customizer-html` Grunt task using the customizer-variables.jade template.--> \ No newline at end of file