From 1fb98bed91977b710ae321443d0819939a1a8cc7 Mon Sep 17 00:00:00 2001
From: Mark Otto <mark.otto@twitter.com>
Date: Sat, 12 Nov 2011 00:46:02 -0800
Subject: updated docs pages (still wip), adding misc css classes, added form
 styles from 1.4, added github buttons to homepage

---
 docs/assets/css/docs.css            |   7 ++--
 docs/assets/img/less-logo-large.png | Bin 0 -> 13831 bytes
 docs/less.html                      |  73 +++++++++++++++++++++++++++++++++++-
 3 files changed, 76 insertions(+), 4 deletions(-)
 create mode 100644 docs/assets/img/less-logo-large.png

(limited to 'docs')

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 2dde6a452..b503c23e4 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -54,9 +54,10 @@ body > .navbar-fixed .brand:hover {
   float: left;
   padding: 1px 5px 1px 4px;
   font-size: 11px;
-  font-weight: normal;
+  font-weight: bold;
   line-height: 16px;
-  color: #555;
+  color: #666;
+  text-shadow: 0 1px 0 #fff;
   -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
           border-radius: 3px;
@@ -67,7 +68,7 @@ body > .navbar-fixed .brand:hover {
 .github-btn .github-ico {
   float: left;
   margin-right: 4px;
-  opacity: .75;
+  opacity: .65;
 }
 .github-btn .count {
   display: inline-block;
diff --git a/docs/assets/img/less-logo-large.png b/docs/assets/img/less-logo-large.png
new file mode 100644
index 000000000..1a739b3e9
Binary files /dev/null and b/docs/assets/img/less-logo-large.png differ
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">
-- 
cgit v1.2.3