mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-25 14:30:46 +02:00
Code Issues Releases Wiki Activity

start breaking down patterns.less into more distinct files, update docs for forms to use correct classes

Browse Source
This commit is contained in:
Mark Otto
2011-11-16 23:58:36 -08:00
parent cabf993bc6
commit a017932285
14 changed files with 1025 additions and 821 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
docs/base-css.html
View File

@@ -696,22 +696,22 @@
<tbody>
<tr>
<th>Vertical (default)</th>
<td><code>.vertical-form</code> <span class="muted">(not required)</span></td>
<td><code>.form-vertical</code> <span class="muted">(not required)</span></td>
<td>Stacked, left-aligned labels over controls</td>
</tr>
<tr>
<th>Horiztonal</th>
<td><code>.horizontal-form</code></td>
<td><code>.form-horizontal</code></td>
<td>Float left, right-aligned labels on same line as controls</td>
</tr>
<tr>
<th>Inline</th>
<td><code>.inline-form</code></td>
<td><code>.form-inline</code></td>
<td>Left-aligned label and inline-block controls for compact style</td>
</tr>
<tr>
<th>Search</th>
<td><code>.search-form</code></td>
<td><code>.form-search</code></td>
<td>Extra-rounded text input for a typical search aesthetic</td>
</tr>
</tbody>

197
docs/less.html
View File

@@ -95,15 +95,208 @@
<!-- VARIABLES
================================================== -->
<div class="page-header" id="variables">
<h1>Variables</h1>
<h1>Variables <small>from variables.less</small></h1>
</div>
<div class="row">
<div class="span3">
<h3>Hyperlinks</h3>
</div>
<div class="span9">
<table class="bordered-table striped-table">
<thead>
<tr>
<th>Variable</th>
<th>Value</th>
<th>Usage</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>@linkColor</code></td>
<td>#0069d6</td>
<td>Default link text color</td>
</tr>
<tr>
<td><code>@linkColorHover</code></td>
<td><code>darken(@linkColor, 15)</code></td>
<td>Default link text hover color</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row">
<div class="span3">
<h3>Grayscale colors</h3>
</div>
<div class="span9">
<table class="bordered-table striped-table">
<tbody>
<tr>
<td><code>@black</code></td>
<td>#000</td>
<td>Black</td>
</tr>
<tr>
<td><code>@grayDark</code></td>
<td><code>lighten(@black, 25%)</code></td>
<td>Dark gray</td>
</tr>
<tr>
<td><code>@gray</code></td>
<td><code>lighten(@black, 50%)</code></td>
<td>Medium gray</td>
</tr>
<tr>
<td><code>@grayLight</code></td>
<td><code>lighten(@black, 75%)</code></td>
<td>Light gray</td>
</tr>
<tr>
<td><code>@grayLighter</code></td>
<td><code>lighten(@black, 90%)</code></td>
<td>Lighter gray</td>
</tr>
<tr>
<td><code>@white</code></td>
<td>#fff</td>
<td>White</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row">
<div class="span3">
<h3>Accent colors</h3>
</div>
<div class="span9">
<table class="bordered-table striped-table">
<tbody>
<tr>
<td><code>@blue</code></td>
<td>#049CDB</td>
<td></td>
</tr>
<tr>
<td><code>@green</code></td>
<td>#46a546</td>
<td></td>
</tr>
<tr>
<td><code>@red</code></td>
<td>#9d261d</td>
<td></td>
</tr>
<tr>
<td><code>@yellow</code></td>
<td>#ffc40d</td>
<td></td>
</tr>
<tr>
<td><code>@orange</code></td>
<td>#f89406</td>
<td></td>
</tr>
<tr>
<td><code>@pink</code></td>
<td>#c3325f</td>
<td></td>
</tr>
<tr>
<td><code>@purple</code></td>
<td>#7a43b6</td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row">
<div class="span3">
<h3>Grid system</h3>
</div>
<div class="span9">
<table class="bordered-table striped-table">
<tbody>
<tr>
<td><code>@gridColumns</code></td>
<td>12</td>
<td></td>
</tr>
<tr>
<td><code>@gridColumnWidth</code></td>
<td>60px</td>
<td></td>
</tr>
<tr>
<td><code>@gridGutterWidth</code></td>
<td>20px</td>
<td></td>
</tr>
<tr>
<td><code>@siteWidth</code></td>
<td><code>(@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1))</code></td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row">
<div class="span3">
<h3>Typography</h3>
</div>
<div class="span9">
<table class="bordered-table striped-table">
<tbody>
<tr>
<td><code>@baseFontSize</code></td>
<td>13px</td>
<td></td>
</tr>
<tr>
<td><code>@baseFontFamily</code></td>
<td><code>"Helvetica Neue", Helvetica, Arial, sans-serif</code></td>
<td></td>
</tr>
<tr>
<td><code>@baseLineHeight</code></td>
<td>18px</td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row">
<div class="span3">
<h3>Visuals</h3>
</div>
<div class="span9">
<table class="bordered-table striped-table">
<tbody>
<tr>
<td><code>@primaryButtonColor</code></td>
<td><code>@blue</code></td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- MIXINS
================================================== -->
<div class="page-header" id="mixins">
<h1>Mixins</h1>
<h1>Mixins <small>from mixins.less</small></h1>
</div>