aboutsummaryrefslogtreecommitdiff
path: root/docs/_includes/customizer-variables.html
diff options
context:
space:
mode:
Diffstat (limited to 'docs/_includes/customizer-variables.html')
-rw-r--r--docs/_includes/customizer-variables.html67
1 files changed, 36 insertions, 31 deletions
diff --git a/docs/_includes/customizer-variables.html b/docs/_includes/customizer-variables.html
index c68c652ab..4ffc3ab38 100644
--- a/docs/_includes/customizer-variables.html
+++ b/docs/_includes/customizer-variables.html
@@ -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">
@@ -1632,6 +1663,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>
@@ -1656,35 +1692,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-html` Grunt task using the customizer-variables.jade template.--> \ No newline at end of file