diff options
| author | Mark Otto <[email protected]> | 2011-11-12 00:46:02 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2011-11-12 00:46:02 -0800 |
| commit | 1fb98bed91977b710ae321443d0819939a1a8cc7 (patch) | |
| tree | 27ddc846502e2f89e3bc13e9d4fe86fa29f99e77 /docs/less.html | |
| parent | 5a702cc6eece2713ac6f6a2f6cbae1b1dd9c5a69 (diff) | |
| download | bootstrap-1fb98bed91977b710ae321443d0819939a1a8cc7.tar.xz bootstrap-1fb98bed91977b710ae321443d0819939a1a8cc7.zip | |
updated docs pages (still wip), adding misc css classes, added form styles from 1.4, added github buttons to homepage
Diffstat (limited to 'docs/less.html')
| -rw-r--r-- | docs/less.html | 73 |
1 files changed, 72 insertions, 1 deletions
diff --git a/docs/less.html b/docs/less.html index 4fa0f0bdd..108ec35df 100644 --- a/docs/less.html +++ b/docs/less.html @@ -48,11 +48,82 @@ <!-- Masthead ================================================== --> <header class="jumbotron subhead" id="overview"> - <h1>Using LESS</h1> + <h1>Using LESS with Bootstrap</h1> <p class="lead">Be a boss and use Bootstrap's built-in variables, mixins, and more via LESS</p> </header> + + <!-- BUILT WITH LESS + ================================================== --> + <div class="page-header"> + <h1>Built with LESS</h1> + </div> + <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> + </div> + <div class="span4"> + <h3>What's included?</h3> + <p>As an extension of CSS, LESS includes variables, mixins for reusable snippets of code, operations for simple math, nesting, and even color functions.</p> + </div> + <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> + </div> + </div> + <div class="row"> + <div class="span4"> + <h3>Variables</h3> + <p>Managing colors and pixel values in CSS can be a bit of a pain, usually full of copy and paste. Not with LESS though—assign colors or pixel values as variables and change them once.</p> + </div> + <div class="span4"> + <h3>Mixins</h3> + <p>Those three border-radius declarations you need to make in regular ol' CSS? Now they're down to one line with the help of mixins, snippets of code you can reuse anywhere.</p> + </div> + <div class="span4"> + <h3>Operations</h3> + <p>Make your grid, leading, and more super flexible by doing the math on the fly with operations. Multiple, divide, add, and subtract your way to CSS sanity.</p> + </div> + </div> + + + + <!-- VARIABLES + ================================================== --> + <div class="page-header" id="variables"> + <h1>Variables</h1> + </div> + + + + <!-- MIXINS + ================================================== --> + <div class="page-header" id="mixins"> + <h1>Mixins</h1> + </div> + + + + <!-- OPERATIONS + ================================================== --> + <div class="page-header" id="operations"> + <h1>Operations</h1> + </div> + + + + <!-- COMPILING LESS AND BOOTSTRAP + ================================================== --> + <div class="page-header" id="compiling"> + <h1>Compiling LESS and Bootstrap</h1> + </div> + + + + <!-- Using Bootstrap w/ Less ================================================== --> <section id="less"> |
