kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases Activity

fix #9832 somewhat: more vars for jumbotron

Browse source
This commit is contained in:
Mark Otto 2013-08-19 08:46:49 -07:00
parent 285393fb77
commit 7e82ceb533
3 changed files with 14 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
customize.html
View file

@ -1036,20 +1036,21 @@ base_url: "../"
<h2 id="variables-jumbotron">Jumbotron</h2> <h2 id="variables-jumbotron">Jumbotron</h2>
<div class="row"> <div class="row">
<div class="col-lg-4"> <div class="col-lg-3">
<label>@jumbotron-padding</label>
<input type="text" class="form-control" placeholder="30px" data-var="@jumbotron-padding">
</div>
<div class="col-lg-3">
<label>@jumbotron-bg</label> <label>@jumbotron-bg</label>
<input type="text" class="form-control" placeholder="@gray-lighter" data-var="@jumbotron-bg"> <input type="text" class="form-control" placeholder="@gray-lighter" data-var="@jumbotron-bg">
<p class="help-block">Jumbotron background color</p>
</div> </div>
<div class="col-lg-4"> <div class="col-lg-3">
<label>@jumbotron-color</label>
<input type="text" class="form-control" placeholder="inherit" data-var="@jumbotron-color">
</div>
<div class="col-lg-3">
<label>@jumbotron-heading-color</label> <label>@jumbotron-heading-color</label>
<input type="text" class="form-control" placeholder="inherit" data-var="@jumbotron-heading-color"> <input type="text" class="form-control" placeholder="inherit" data-var="@jumbotron-heading-color">
<p class="help-block">Jumbotron heading color</p>
</div>
<div class="col-lg-4">
<label>@jumbotron-lead-color</label>
<input type="text" class="form-control" placeholder="inherit" data-var="@jumbotron-lead-color">
<p class="help-block">Jumbotron lead paragraph color</p>
</div> </div>
</div> </div>

2
less/jumbotron.less
View file

@ -9,7 +9,7 @@
font-size: (@font-size-base * 1.5); font-size: (@font-size-base * 1.5);
font-weight: 200; font-weight: 200;
line-height: (@line-height-base * 1.5); line-height: (@line-height-base * 1.5);
color: @jumbotron-lead-color; color: @jumbotron-color;
background-color: @jumbotron-bg; background-color: @jumbotron-bg;
h1 { h1 {

4
less/variables.less
View file

@ -351,9 +351,11 @@
// Jumbotron // Jumbotron
// ------------------------- // -------------------------
@jumbotron-padding: 30px;
@jumbotron-color: inherit;
@jumbotron-bg: @gray-lighter; @jumbotron-bg: @gray-lighter;
@jumbotron-heading-color: inherit; @jumbotron-heading-color: inherit;
@jumbotron-lead-color: inherit;
// Form states and alerts // Form states and alerts