aboutsummaryrefslogtreecommitdiff
path: root/docs/less.html
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2011-11-12 00:46:02 -0800
committerMark Otto <[email protected]>2011-11-12 00:46:02 -0800
commit1fb98bed91977b710ae321443d0819939a1a8cc7 (patch)
tree27ddc846502e2f89e3bc13e9d4fe86fa29f99e77 /docs/less.html
parent5a702cc6eece2713ac6f6a2f6cbae1b1dd9c5a69 (diff)
downloadbootstrap-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.html73
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&mdash;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">