kotovalexarian-likes-github
/
twbs--bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Releases Activity

hero unit and pagination vars

This commit is contained in:
Mark Otto 2012-11-30 15:36:16 -08:00
parent 51c418d468
commit 0a93bc143d
5 changed files with 22 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/customize.html
View File

@ -310,11 +310,11 @@
<label>@border-radius-small</label> <label>@border-radius-small</label>
<input type="text" class="span3" placeholder="3px"> <input type="text" class="span3" placeholder="3px">
<label>@heroUnitBackground</label> <label>@hero-background</label>
<input type="text" class="span3" placeholder="@grayLighter"> <input type="text" class="span3" placeholder="@grayLighter">
<label>@heroUnitHeadingColor</label> <label>@hero-heading-color</label>
<input type="text" class="span3" placeholder="inherit"> <input type="text" class="span3" placeholder="inherit">
<label>@heroUnitLeadColor</label> <label>@hero-lead-color</label>
<input type="text" class="span3" placeholder="inherit"> <input type="text" class="span3" placeholder="inherit">
<h3>Tables</h3> <h3>Tables</h3>

6
docs/templates/pages/customize.mustache vendored
View File

@ -242,11 +242,11 @@
<label>@border-radius-small</label> <label>@border-radius-small</label>
<input type="text" class="span3" placeholder="3px"> <input type="text" class="span3" placeholder="3px">
<label>@heroUnitBackground</label> <label>@hero-background</label>
<input type="text" class="span3" placeholder="@grayLighter"> <input type="text" class="span3" placeholder="@grayLighter">
<label>@heroUnitHeadingColor</label> <label>@hero-heading-color</label>
<input type="text" class="span3" placeholder="inherit"> <input type="text" class="span3" placeholder="inherit">
<label>@heroUnitLeadColor</label> <label>@hero-lead-color</label>
<input type="text" class="span3" placeholder="inherit"> <input type="text" class="span3" placeholder="inherit">
<h3>{{_i}}Tables{{/i}}</h3> <h3>{{_i}}Tables{{/i}}</h3>

6
less/hero-unit.less
View File

@ -9,14 +9,14 @@
font-size: 18px; font-size: 18px;
font-weight: 200; font-weight: 200;
line-height: @line-height-base * 1.5; line-height: @line-height-base * 1.5;
color: @heroUnitLeadColor; color: @hero-lead-color;
background-color: @heroUnitBackground; background-color: @hero-background;
border-radius: 6px; border-radius: 6px;
h1 { h1 {
margin-bottom: 0; margin-bottom: 0;
font-size: 60px; font-size: 60px;
line-height: 1; line-height: 1;
color: @heroUnitHeadingColor; color: @hero-heading-color;
letter-spacing: -1px; letter-spacing: -1px;
} }
li { li {

6
less/pagination.less
View File

@ -26,14 +26,14 @@
padding: 4px 12px; padding: 4px 12px;
line-height: @line-height-base; line-height: @line-height-base;
text-decoration: none; text-decoration: none;
background-color: @paginationBackground; background-color: @pagination-background;
border: 1px solid @paginationBorder; border: 1px solid @pagination-border;
border-left-width: 0; border-left-width: 0;
} }
.pagination ul > li > a:hover, .pagination ul > li > a:hover,
.pagination ul > .active > a, .pagination ul > .active > a,
.pagination ul > .active > span { .pagination ul > .active > span {
background-color: @paginationActiveBackground; background-color: @pagination-background-active;
} }
.pagination ul > .active > a, .pagination ul > .active > a,
.pagination ul > .active > span { .pagination ul > .active > span {

16
less/variables.less
View File

@ -192,20 +192,24 @@
// Pagination // Pagination
// ------------------------- // -------------------------
@paginationBackground: #fff;
@paginationBorder: #ddd; @pagination-background: #fff;
@paginationActiveBackground: #f5f5f5; @pagination-background-active: #f5f5f5;
@pagination-border: #ddd;
// Hero unit // Hero unit
// ------------------------- // -------------------------
@heroUnitBackground: @grayLighter;
@heroUnitHeadingColor: inherit; @hero-background: @grayLighter;
@heroUnitLeadColor: inherit; @hero-heading-color: inherit;
@hero-lead-color: inherit;
// Form states and alerts // Form states and alerts
// ------------------------- // -------------------------
@warningText: #c09853; @warningText: #c09853;
@warningBackground: #fcf8e3; @warningBackground: #fcf8e3;
@warningBorder: darken(spin(@warningBackground, -10), 3%); @warningBorder: darken(spin(@warningBackground, -10), 3%);