mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-05 16:42:29 +03:00
Code Activity

updated to include sub nav and pip nav, new docs updates, topbar nav refinements for media queried settings

Browse Source
This commit is contained in:
Mark Otto
2011-12-09 11:32:07 -08:00
parent bc51c15709
commit b12b71bf7c
10 changed files with 234 additions and 178 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/less.html
+6 -45
View File
@@ -63,7 +63,7 @@
<div class="row">
<div class="span4">
<h3>Why LESS?</h3>
<p>Bootstrap is made with LESS at it's core, a dynamic stylesheet language created by Alexis Sellier. It makes developing systems-based CSS faster, easier, and more fun.</p>
<p>Bootstrap is made with LESS at it's core, a dynamic stylesheet language created by <a href="http://cloudhead.io">Alexis Sellier</a>. It makes developing systems-based CSS faster, easier, and more fun.</p>
</div>
<div class="span4">
<h3>What's included?</h3>
@@ -72,7 +72,7 @@
<div class="span4">
<h3>Learn more</h3>
<img style="float: right; height: 36px;" src="assets/img/less-logo-large.png" alt="LESS CSS">
<p>Visit the official website at http://lesscss.org to learn more.</p>
<p>Visit the official website at <a href="http://lesscss.org">http://lesscss.org</a> to learn more.</p>
</div>
</div>
<div class="row">
@@ -98,11 +98,7 @@
<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>
@@ -124,92 +120,70 @@
</tr>
</tbody>
</table>
</div>
</div>
<div class="row">
<div class="span3">
<div class="span6">
<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">
<div class="span6">
<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>
@@ -217,48 +191,36 @@
</div>
<div class="row">
<div class="span3">
<div class="span6">
<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">
<div class="span6">
<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>
@@ -268,7 +230,6 @@
<tr>
<td><code>@baseLineHeight</code></td>
<td>18px</td>
<td></td>
</tr>
</tbody>
</table>