Date: Wed, 26 Oct 2011 23:11:56 -0700 Subject: breaking down the main page into subpages for easier, more comprehensive documentation --- docs/less.html | 242 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 242 insertions(+) create mode 100644 docs/less.html (limited to 'docs/less.html') diff --git a/docs/less.html b/docs/less.html new file mode 100644 index 000000000..806c2eede --- /dev/null +++ b/docs/less.html @@ -0,0 +1,242 @@ + + + + + Bootstrap, from Twitter + + + + + + + + + + + + + + + + + + + + + + + +

+ + +

Using LESS

Be a boss and use Bootstrap's built-in variables, mixins, and more via LESS

+ + + +

+ +

Bootstrap was built with Preboot, an open-source pack of mixins and variables to be used in conjunction with Less, a CSS preprocessor for faster and easier web development.

Check out how we used Preboot in Bootstrap and how you can make use of it should you choose to run Less on your next project.

How to use it

Use this option to make full use of Bootstrap’s Less variables, mixins, and nesting in CSS via javascript in your browser.

+<link rel="stylesheet/less" href="less/bootstrap.less" media="all" />
+<script src="js/less-1.1.3.min.js"></script>

Not feeling the .js solution? Try the Less Mac app or use Node.js to compile when you deploy your code.

+ +

What’s included

Here are some of the highlights of what’s included in Twitter Bootstrap as part of Bootstrap. Head over to the Bootstrap website or Github project page to download and learn more.

Variables

Variables in Less are perfect for maintaining and updating your CSS headache free. When you want to change a color value or a frequently used value, update it in one spot and you’re set.

+// Links
+@linkColor:         #8b59c2;
+@linkColorHover:    darken(@linkColor, 10);
+
+// Grays
+@black:             #000;
+@grayDark:          lighten(@black, 25%);
+@gray:              lighten(@black, 50%);
+@grayLight:         lighten(@black, 70%);
+@grayLighter:       lighten(@black, 90%);
+@white:             #fff;
+
+// Accent Colors
+@blue:              #08b5fb;
+@green:             #46a546;
+@red:               #9d261d;
+@yellow:            #ffc40d;
+@orange:            #f89406;
+@pink:              #c3325f;
+@purple:            #7a43b6;
+
+// Baseline grid
+@basefont:          13px;
+@baseline:          18px;
+

+ +

Commenting

Less also provides another style of commenting in addition to CSS’s normal /* ... */ syntax.

+// This is a comment
+/* This is also a comment */
+

+ +

Mixins up the wazoo

Mixins are basically includes or partials for CSS, allowing you to combine a block of code into one. They’re great for vendor prefixed properties like box-shadow, cross-browser gradients, font stacks, and more. Below is a sample of the mixins that are included with Bootstrap.

Font stacks

+#font {
+  .shorthand(@weight: normal, @size: 14px, @lineHeight: 20px) {
+    font-size: @size;
+    font-weight: @weight;
+    line-height: @lineHeight;
+  }
+  .sans-serif(@weight: normal, @size: 14px, @lineHeight: 20px) {
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-size: @size;
+    font-weight: @weight;
+    line-height: @lineHeight;
+  }
+  ...
+}
+

Gradients

+#gradient {
+  ...
+  .vertical (@startColor: #555, @endColor: #333) {
+    background-color: @endColor;
+    background-repeat: repeat-x;
+    background-image: -khtml-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); // Konqueror
+    background-image: -moz-linear-gradient(@startColor, @endColor); // FF 3.6+
+    background-image: -ms-linear-gradient(@startColor, @endColor); // IE10
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+
+    background-image: -webkit-linear-gradient(@startColor, @endColor); // Safari 5.1+, Chrome 10+
+    background-image: -o-linear-gradient(@startColor, @endColor); // Opera 11.10
+    background-image: linear-gradient(@startColor, @endColor); // The standard
+  }
+  ...
+}
+

+ +

Operations

Get fancy and perform some math to generate flexible and powerful mixins like the one below.

+// Griditude
+@gridColumns:       16;
+@gridColumnWidth:   40px;
+@gridGutterWidth:   20px;
+@siteWidth:         (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
+
+// Make some columns
+.columns(@columnSpan: 1) {
+  width: (@gridColumnWidth * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1));
+}
+

+ +

Compiling Less

After modifying the .less files in /lib/, you'll need to recompile them in order to regenerate the bootstrap-*.*.*.css and bootstrap-*.*.*.min.css files. If you're submitting a pull request to GitHub, you must always recompile.

Ways to compile

+ + + + + + + + + + + + + + + + + + + + + + + + +

Method	Steps
Node with makefile	+ Install the less command line compiler with npm by running the following command: + $ npm install lessc + Once installed just run `make` from the root of your bootstrap directory and you're all set. + Additionally, if you have watchr installed, you may run `make watch` to have bootstrap automatically rebuilt every time you edit a file in the bootstrap lib (this isn't required, just a convenience method). +
Javascript	+ Download the latest Less.js and include the path to it (and Bootstrap) in the `head`. + +<link rel="stylesheet/less" href="/path/to/bootstrap.less"> +<script src="/path/to/less.js"></script> + + To recompile the .less files, just save them and reload your page. Less.js compiles them and stores them in local storage. +
Command line	+ If you already have the less command line tool installed, simply run the following command: + $ lessc ./lib/bootstrap.less > bootstrap.css + Be sure to include `--compress` in that command if you're trying to save some bytes! +
Mac app	+ The unofficial Mac app watches directories of .less files and compiles the code to local files after every save of a watched .less file. + If you like, you can toggle preferences in the app for automatic minifying and which directory the compiled files end up in. +

+ +

+ + + + +

+ + + + + + + + + + + + + + -- cgit v1.2.3 From b4c894961c0b75361ead496f1686eb3cf41c5c97 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 26 Oct 2011 23:24:22 -0700 Subject: address issue #414 and fix up a number of docs loose ends --- docs/less.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/less.html') diff --git a/docs/less.html b/docs/less.html index 806c2eede..d5a467bfa 100644 --- a/docs/less.html +++ b/docs/less.html @@ -185,7 +185,7 @@ Javascript -

Download the latest Less.js and include the path to it (and Bootstrap) in the head.

Download the latest Less.js and include the path to it (and Bootstrap) in the <head>.

 <link rel="stylesheet/less" href="/path/to/bootstrap.less">
 <script src="/path/to/less.js"></script>
-- 
cgit v1.2.3


From 02bf27592c8eec51795ac806390bc57db501926d Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Mon, 31 Oct 2011 19:37:10 -0700
Subject: overhaul the table styles and update those everywhere in the docs,
 update the button docs, spec out the forms docs

---
 docs/less.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index d5a467bfa..4fa0f0bdd 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -166,7 +166,7 @@
     Compiling Less
     After modifying the .less files in /lib/, you'll need to recompile them in order to regenerate the bootstrap-*.*.*.css and bootstrap-*.*.*.min.css files. If you're submitting a pull request to GitHub, you must always recompile.
     Ways to compile
-    
+    
-- 
cgit v1.2.3


From 74dc83f211245dfaf06da9a1b2ad94f51f790be2 Mon Sep 17 00:00:00 2001
From: Raul Riera 
Date: Mon, 7 Nov 2011 10:22:28 +0100
Subject: Added the view port meta tag for proper responsiveness

---
 docs/less.html | 1 +
 1 file changed, 1 insertion(+)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index 4fa0f0bdd..6d3802c3b 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -3,6 +3,7 @@
   
     
     Bootstrap, from Twitter
+    
     
     
 
-- 
cgit v1.2.3


From 0e6cd670ca0619c663c016c08059530b598e15d3 Mon Sep 17 00:00:00 2001
From: Raul Riera 
Date: Tue, 8 Nov 2011 20:32:28 +0100
Subject: Removed trailing backslash :)

---
 docs/less.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index 6d3802c3b..c76be9a5d 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -3,7 +3,7 @@
   
     
     Bootstrap, from Twitter
-    
+    
     
     
 
-- 
cgit v1.2.3


From 1fb98bed91977b710ae321443d0819939a1a8cc7 Mon Sep 17 00:00:00 2001
From: Mark Otto 
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/less.html | 73 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 72 insertions(+), 1 deletion(-)

(limited to 'docs/less.html')

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 @@
       
       
-        Using LESS
+        Using LESS with Bootstrap
         Be a boss and use Bootstrap's built-in variables, mixins, and more via LESS
       
 
 
+
+      
+      
+        Built with LESS
+      
+      
+        
+          Why LESS?
+          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.
+        
+        
+          What's included?
+          As an extension of CSS, LESS includes variables, mixins for reusable snippets of code, operations for simple math, nesting, and even color functions.
+        
+        
+          Learn more
+          
+          Visit the official website at http://lesscss.org to learn more.
+        
+      
+      
+        
+          Variables
+          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.
+        
+        
+          Mixins
+          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.
+        
+        
+          Operations
+          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.
+        
+      
+
+
+
+      
+      
+        Variables
+      
+
+
+
+      
+      
+        Mixins
+      
+
+
+
+      
+      
+        Operations
+      
+
+
+
+      
+      
+        Compiling LESS and Bootstrap
+      
+
+
+
+
 
 
-- 
cgit v1.2.3


From a0179322854a9d1e2b9363447c9884e40733d04f Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Wed, 16 Nov 2011 23:58:36 -0800
Subject: start breaking down patterns.less into more distinct files, update
 docs for forms to use correct classes

---
 docs/less.html | 197 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 195 insertions(+), 2 deletions(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index fccd5b9a4..2d35eea26 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -95,15 +95,208 @@
       
       
-        Variables
+        Variables from variables.less
       
 
+      
+        
+          Hyperlinks
+        
+        
+          
       
         
           Method
+            
+              
+                
+                
+                
+              
+            
+            
+              
+                
+                
+                
+              
+              
+                
+                
+                
+              
+            
+          Variable Value Usage
@linkColor #0069d6 Default link text color
@linkColorHover darken(@linkColor, 15) Default link text hover color
+        
+      
+
+      
+        
+          Grayscale colors
+        
+        
+          
+            
+              
+                
+                
+                
+              
+              
+                
+                
+                
+              
+              
+                
+                
+                
+              
+              
+                
+                
+                
+              
+              
+                
+                
+                
+              
+              
+                
+                
+                
+              
+            
+          @black #000 Black
@grayDark lighten(@black, 25%) Dark gray
@gray lighten(@black, 50%) Medium gray
@grayLight lighten(@black, 75%) Light gray
@grayLighter lighten(@black, 90%) Lighter gray
@white #fff White
+        
+      
+
+      
+        
+          Accent colors
+        
+        
+          
+            
+              
+                
+                
+                
+              
+              
+                
+                
+                
+              
+              
+                
+                
+                
+              
+              
+                
+                
+                
+              
+              
+                
+                
+                
+              
+              
+                
+                
+                
+              
+              
+                
+                
+                
+              
+            
+          @blue #049CDB 
@green #46a546 
@red #9d261d 
@yellow #ffc40d 
@orange #f89406 
@pink #c3325f 
@purple #7a43b6 
+        
+      
+
+      
+        
+          Grid system
+        
+        
+          
+            
+              
+                
+                
+                
+              
+              
+                
+                
+                
+              
+              
+                
+                
+                
+              
+              
+                
+                
+                
+              
+            
+          @gridColumns 12 
@gridColumnWidth 60px 
@gridGutterWidth 20px 
@siteWidth (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1)) 
+        
+      
+
+      
+        
+          Typography
+        
+        
+          
+            
+              
+                
+                
+                
+              
+              
+                
+                
+                
+              
+              
+                
+                
+                
+              
+            
+          @baseFontSize 13px 
@baseFontFamily "Helvetica Neue", Helvetica, Arial, sans-serif 
@baseLineHeight 18px 
+        
+      
+
+      
+        
+          Visuals
+        
+        
+          
+            
+              
+                
+                
+                
+              
+            
+          @primaryButtonColor @blue 
+        
+      
 
 
       
       
-        Mixins
+        Mixins from mixins.less
       
 
 
-- 
cgit v1.2.3


From 447c9322e96ebd1102115aea01d925536016351a Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Tue, 29 Nov 2011 23:56:01 -0800
Subject: update all leads on docs pages

---
 docs/less.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index 2d35eea26..97d95a3ab 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -50,7 +50,7 @@
       ================================================== -->
       
         Using LESS with Bootstrap
-        Be a boss and use Bootstrap's built-in variables, mixins, and more via LESS
+        Customize and extend Bootstrap with LESS, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.
       
 
 
-- 
cgit v1.2.3


From b12b71bf7ca76437a532122d8efff59506b61530 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Fri, 9 Dec 2011 11:32:07 -0800
Subject: updated to include sub nav and pip nav, new docs updates, topbar nav
 refinements for media queried settings

---
 docs/less.html | 51 ++++++---------------------------------------------
 1 file changed, 6 insertions(+), 45 deletions(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index 97d95a3ab..e9334a552 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -63,7 +63,7 @@
       
         
           Why LESS?
-          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.
+          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.
         
         
           What's included?
@@ -72,7 +72,7 @@
         
           Learn more
           
-          Visit the official website at http://lesscss.org to learn more.
+          Visit the official website at http://lesscss.org to learn more.
         
       
       
@@ -98,11 +98,7 @@
         Variables from variables.less
       
 
-      
-        
           Hyperlinks
-        
-        
           
@@ -124,92 +120,70 @@
               
             
               
             
           
-        
-      
 
       
-        
+        
           Grayscale colors
-        
-        
           
-                
-                
-                
-                
-                
-                
             
               
                 @black
                 #000 Black
               
               
                 @grayDark
                 lighten(@black, 25%) Dark gray
               
               
                 @gray
                 lighten(@black, 50%) Medium gray
               
               
                 @grayLight
                 lighten(@black, 75%) Light gray
               
               
                 @grayLighter
                 lighten(@black, 90%) Lighter gray
               
               
                 @white
                 #fff White
               
             
           
         
-      
-
-      
-        
+        
           Accent colors
-        
-        
           
-                
-                
-                
-                
-                
-                
-                
             
               
                 @blue
                 #049CDB 
               
               
                 @green
                 #46a546 
               
               
                 @red
                 #9d261d 
               
               
                 @yellow
                 #ffc40d 
               
               
                 @orange
                 #f89406 
               
               
                 @pink
                 #c3325f 
               
               
                 @purple
                 #7a43b6 
               
             
           
@@ -217,48 +191,36 @@
       
 
       
-        
+        
           Grid system
-        
-        
           
-                
-                
-                
-                
             
               
                 @gridColumns
                 12 
               
               
                 @gridColumnWidth
                 60px 
               
               
                 @gridGutterWidth
                 20px 
               
               
                 @siteWidth
                 (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1)) 
               
             
           
         
-      
-
-      
-        
+        
           Typography
-        
-        
           
-                
@@ -268,7 +230,6 @@
               
-                
             
               
                 @baseFontSize
                 13px 
               
               
                 @baseFontFamily

                 @baseLineHeight
                 18px 
               
             
           
-- 
cgit v1.2.3


From 1d1805ee5cb188f0c70b6a27e227ea6caca62c8e Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Fri, 9 Dec 2011 11:41:00 -0800
Subject: add jank js for prototyping new topbar to all docs pages

---
 docs/less.html | 11 +++++++++++
 1 file changed, 11 insertions(+)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index e9334a552..cbc410302 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -456,6 +456,17 @@
     
     
     
+
+    
+
     
     
     
-- 
cgit v1.2.3


From 7b810bf9a617e1f02e073aafcc70857dc915ee59 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Fri, 9 Dec 2011 12:10:01 -0800
Subject: update js in footer, add max-width to img

---
 docs/less.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index cbc410302..cd2c992df 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -460,9 +460,9 @@
     
-- 
cgit v1.2.3


From ecbc9ec4a2cbd3f68067b869c328d55e8afc8aa6 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Sun, 11 Dec 2011 02:03:16 -0800
Subject: updated footers everywhere

---
 docs/less.html | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index cd2c992df..ab276eece 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -446,10 +446,9 @@
       ================================================== -->
       
         Back to top
-        
-          Designed and built with all the love in the world @twitter by @mdo and @fat.

-          Code licensed under the Apache License v2.0. Documentation licensed under CC BY 3.0.
-        
+        Designed and built with all the love in the world @twitter by @mdo and @fat.
+        Code licensed under the Apache License v2.0. Documentation licensed under CC BY 3.0.
+        Icons from Glyphicons Free, licensed under CC BY 3.0.
       
     

 
-- 
cgit v1.2.3


From d681ae9f51b85d8e1efae2a819ce289266d7efd0 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Mon, 12 Dec 2011 09:51:41 -0800
Subject: updated docs to include other less apps

---
 docs/less.html | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index ab276eece..52de8b6aa 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -392,7 +392,7 @@
     Compiling Less
     After modifying the .less files in /lib/, you'll need to recompile them in order to regenerate the bootstrap-*.*.*.css and bootstrap-*.*.*.min.css files. If you're submitting a pull request to GitHub, you must always recompile.
     Ways to compile
-    
+    
@@ -428,12 +428,24 @@
           
-          
+          
+        
+          
+          
+        
+        
+          
+          
+        
+        
+          
+          
+        
       
         
           Method
         
         Mac app Unofficial Mac app
           
             The unofficial Mac app watches directories of .less files and compiles the code to local files after every save of a watched .less file.
             If you like, you can toggle preferences in the app for automatic minifying and which directory the compiled files end up in.
           
         
Crunch Crunch is a great looking LESS editor and compiler built on Adobe Air.
CodeKit Created by the same guy as the unofficial Mac app, CodeKit is a Mac app that compiles LESS, SASS, Stylus, and CoffeeScript.
Simpless Mac, Linux, and PC app for drag and drop compiling of LESS files. Plus, the source code is on GitHub.
       
     
   
-- 
cgit v1.2.3


From 20aecb983838422c7b43e20960b10d4d79fefaa3 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Wed, 21 Dec 2011 16:22:20 -0600
Subject: updated all docs to jQuery 1.7, move all docs JS to application.js,
 and move dropdowns css to dedicated file

---
 docs/less.html | 13 +------------
 1 file changed, 1 insertion(+), 12 deletions(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index 52de8b6aa..e004bc24c 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -466,18 +466,7 @@
 
     
     
-    
-
-    
-
+    
     
     
     
-- 
cgit v1.2.3


From efacac0d6c812abffa8a84a48fa760f5f56c92f0 Mon Sep 17 00:00:00 2001
From: Jacob Thornton 
Date: Wed, 21 Dec 2011 18:42:43 -0800
Subject: clean up all the js across all the doc pages

---
 docs/less.html | 20 ++------------------
 1 file changed, 2 insertions(+), 18 deletions(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index 52de8b6aa..13dfee282 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -466,25 +466,9 @@
 
     
     
-    
-
-    
-
-    
+    
+    
     
-    
-    
-    
-    
-    
     
   
 
-- 
cgit v1.2.3


From cfc2353059df628c67d19a3c5c3ead2cc6051f53 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Fri, 6 Jan 2012 23:59:22 -0800
Subject: front page docs updated to include old getting started section,
 update code styles to look like github gists, and lots more docs updates

---
 docs/less.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index 7d3efd296..05398e966 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -403,8 +403,8 @@
         
           Node with makefile
           
-            Install the less command line compiler with npm by running the following command:
-            $ npm install lessc
+            Install the LESS command line compiler with npm by running the following command:
+            $ npm install less
             Once installed just run make from the root of your bootstrap directory and you're all set.
             Additionally, if you have watchr installed, you may run make watch to have bootstrap automatically rebuilt every time you edit a file in the bootstrap lib (this isn't required, just a convenience method).
           
@@ -422,7 +422,7 @@
         
           Command line
           
-            If you already have the less command line tool installed, simply run the following command:
+            Install the LESS command line tool via Node and run the following command:
               $ lessc ./lib/bootstrap.less > bootstrap.css
             Be sure to include --compress in that command if you're trying to save some bytes!
           
-- 
cgit v1.2.3


From 391248c0e3ba9b00b0b4a02e4d94475e9ae9877a Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Thu, 12 Jan 2012 15:29:16 -0800
Subject: nuke uber footer, bring back topbar dropdowns

---
 docs/less.html | 70 +++++++++++++++++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 65 insertions(+), 5 deletions(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index 05398e966..cecf22da4 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -34,11 +34,71 @@
           Bootstrap
           
             Overview
-            Scaffolding
-            Base CSS
-            Components
-            Javascript plugins
-            Using LESS
+            
+              
+                Scaffolding
+                
+              
+              
+                Grid system
+                Layouts
+                Responsive design
+              
+            
+            
+              
+                Base CSS
+                
+              
+              
+                Type
+                Tables
+                Forms
+                Buttons
+                Icons by Glyphicons
+              
+            
+            
+              
+                Components
+                
+              
+              
+                Button groups
+                Split button dropdowns
+                Nav, tabs, pills
+                Navbar
+                Breadcrumbs
+                Pagination
+                Thumbnails
+                Alert messages
+              
+            
+            
+              
+                Javascript plugins
+                
+              
+              
+                Transition
+                Modal
+                Dropdown
+                Scrollspy
+                Tab
+                Tooltip
+                Popover
+                Alert
+                Button
+                Collapse
+                Carousel
+                Typeahead
+              
+            
+            
+              
+                Using LESS
+              
+            
           
         
       
-- 
cgit v1.2.3


From 11be9cd16370ecd15d227917d98ff63eccae68ae Mon Sep 17 00:00:00 2001
From: Purwandi 
Date: Fri, 13 Jan 2012 14:57:21 +0700
Subject: Fix id anchor javascript

---
 docs/less.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index cecf22da4..ccde9c87e 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -80,13 +80,13 @@
                 
               
               
-                Transition
-                Modal
-                Dropdown
+                Transition
+                Modal
+                Dropdown
                 Scrollspy
-                Tab
-                Tooltip
-                Popover
+                Tab
+                Tooltip
+                Popover
                 Alert
                 Button
                 Collapse
-- 
cgit v1.2.3


From 8f09028cff87b68467fb20e295c9dc96ea4a5de0 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Fri, 13 Jan 2012 09:55:15 -0800
Subject: updated js includes to make nav work everywhere

---
 docs/less.html | 1 +
 1 file changed, 1 insertion(+)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index cecf22da4..202e436e2 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -529,5 +529,6 @@
     
     
     
+    
   
 
-- 
cgit v1.2.3


From a4b107bf879d47db0a6e036814f5aeee4316d36c Mon Sep 17 00:00:00 2001
From: Chris Gunther 
Date: Sat, 14 Jan 2012 15:15:24 -0500
Subject: fix navbar links to scaffolding > grid system

---
 docs/less.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index 8831ce094..d99a7903e 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -40,7 +40,7 @@
                 
               
               
-                Grid system
+                Grid system
                 Layouts
                 Responsive design
               
-- 
cgit v1.2.3


From f82fb2a1976060b2d0b71c3e6ad20f6d7a7772f7 Mon Sep 17 00:00:00 2001
From: Chris Gunther 
Date: Sat, 14 Jan 2012 15:18:59 -0500
Subject: fix navbar links to base CSS > typography

---
 docs/less.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index d99a7903e..5b956f533 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -51,7 +51,7 @@
                 
               
               
-                Type
+                Typography
                 Tables
                 Forms
                 Buttons
-- 
cgit v1.2.3


From ec7f8917b1bfa79dee54cd6c5f6cf0074764fce4 Mon Sep 17 00:00:00 2001
From: Chris Gunther 
Date: Sat, 14 Jan 2012 15:24:35 -0500
Subject: add Progress Bars to Components narbar dropdown

---
 docs/less.html | 1 +
 1 file changed, 1 insertion(+)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index 5b956f533..f3bfa3059 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -72,6 +72,7 @@
                 Pagination
                 Thumbnails
                 Alert messages
+                Progress bars
               
             
             
-- 
cgit v1.2.3


From dab6d2b17cc2fd67c2462b5a5eb84eb58d9c72bc Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Sat, 14 Jan 2012 21:28:47 -0800
Subject: change up classes on tables and forms, fix nav list styles in example

---
 docs/less.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index f3bfa3059..357f242b1 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -160,7 +160,7 @@
       
 
           Hyperlinks
-          
+          
@@ -185,7 +185,7 @@
       
         
           Grayscale colors
-          

             
               
                 Variable
+          
@@ -216,7 +216,7 @@
         
           Accent colors
-          

             
               
                 @black
         
+          
@@ -254,7 +254,7 @@
       
         
           Grid system
-          

             
               
                 @blue
+          
@@ -277,7 +277,7 @@
         
           Typography
-          

             
               
                 @gridColumns
         
+          
@@ -302,7 +302,7 @@
           Visuals

-          

             
               
                 @baseFontSize
         
         
+          
@@ -453,7 +453,7 @@
     Compiling Less
After modifying the .less files in /lib/, you'll need to recompile them in order to regenerate the bootstrap-*.*.*.css and bootstrap-*.*.*.min.css files. If you're submitting a pull request to GitHub, you must always recompile.
Ways to compile
-    
             
               
                 @primaryButtonColor
     
     
+    
-- 
cgit v1.2.3


From f1a88eede391cbb4beaadce60768a351724d7633 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Mon, 16 Jan 2012 17:27:30 -0800
Subject: fix js link in docs nav, restyle accordion with new css

---
 docs/less.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index 357f242b1..6e43d95bd 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -81,7 +81,7 @@
                 
               
               
-                Transition
+                Overview
                 Modal
                 Dropdown
                 Scrollspy
-- 
cgit v1.2.3


From 47b8184bbb5784eb373ffbb905c8a1756eba3c6d Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Tue, 17 Jan 2012 23:39:18 -0800
Subject: scope table styles to a class, .table, instead of on the generic
 element as a smarter default

---
 docs/less.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index 6e43d95bd..09ff3e8e1 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -160,7 +160,7 @@
       
 
           Hyperlinks
-          
       
         
           Method
+          
@@ -185,7 +185,7 @@
       
         
           Grayscale colors
-          

             
               
                 Variable
+          
@@ -216,7 +216,7 @@
         
           Accent colors
-          

             
               
                 @black
         
+          
@@ -254,7 +254,7 @@
       
         
           Grid system
-          

             
               
                 @blue
+          
@@ -277,7 +277,7 @@
         
           Typography
-          

             
               
                 @gridColumns
         
+          
@@ -302,7 +302,7 @@
           Visuals

-          

             
               
                 @baseFontSize
         
         
+          
@@ -453,7 +453,7 @@
     Compiling Less
After modifying the .less files in /lib/, you'll need to recompile them in order to regenerate the bootstrap-*.*.*.css and bootstrap-*.*.*.min.css files. If you're submitting a pull request to GitHub, you must always recompile.
Ways to compile
-    
             
               
                 @primaryButtonColor
     
     
+    
-- 
cgit v1.2.3


From a7bf0295fbf3ce9abc1ca44680f4a6eaf17339b5 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Mon, 23 Jan 2012 11:55:04 -0800
Subject: remove dropdowns, add in sub nav instead

---
 docs/less.html | 69 ++++++++--------------------------------------------------
 1 file changed, 9 insertions(+), 60 deletions(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index 09ff3e8e1..0348c0caf 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -34,71 +34,20 @@
           Bootstrap
           
             Overview
-            
-              
-                Scaffolding
-                
-              
-              
-                Grid system
-                Layouts
-                Responsive design
-              
+            

+              Scaffolding
             
-            
-              
-                Base CSS
-                
-              
-              
-                Typography
-                Tables
-                Forms
-                Buttons
-                Icons by Glyphicons
-              
+            

+              Base CSS
             
-            
-              
-                Components
-                
-              
-              
-                Button groups
-                Split button dropdowns
-                Nav, tabs, pills
-                Navbar
-                Breadcrumbs
-                Pagination
-                Thumbnails
-                Alert messages
-                Progress bars
-              
+            

+              Components
             
-            
-              
-                Javascript plugins
-                
-              
-              
-                Overview
-                Modal
-                Dropdown
-                Scrollspy
-                Tab
-                Tooltip
-                Popover
-                Alert
-                Button
-                Collapse
-                Carousel
-                Typeahead
-              
+            

+              Javascript plugins
             
             
-              
-                Using LESS
-              
+              Using LESS
             
           
         
-- 
cgit v1.2.3


From f764aee4b919c28974dba7b91edac9a04172ba25 Mon Sep 17 00:00:00 2001
From: Jacob Thornton 
Date: Mon, 23 Jan 2012 14:14:16 -0800
Subject: add templates for doc generation

---
 docs/less.html | 41 +++++++++++++++++++++++++++--------------
 1 file changed, 27 insertions(+), 14 deletions(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index 09ff3e8e1..84f58f00d 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -7,7 +7,7 @@
     
     
 
-    
+    
     
@@ -18,10 +18,11 @@
     
 
     
-    
-    
-    
-    
+    
+    
+    
+    
+
   
 
   
@@ -33,8 +34,8 @@
         
           Bootstrap
           
-            Overview
-            
+            
Overview
+            
               
                 Scaffolding
                 
@@ -45,7 +46,7 @@
                 
Responsive design
               
             
-            
+            

               
                 Base CSS
                 
@@ -58,7 +59,7 @@
                 
Icons by Glyphicons
               
             
-            
+            

               
                 Components
                 
@@ -75,7 +76,7 @@
                 
Progress bars
               
             
-            
+            

               
                 Javascript plugins
                 
@@ -513,8 +514,6 @@
 

 
 
-
-
       
       
@@ -523,13 +522,27 @@
         Code licensed under the Apache License v2.0. Documentation licensed under CC BY 3.0.
         Icons from Glyphicons Free, licensed under CC BY 3.0.
       
+
     
 
+
     
     
-    
+    
+    
     
-    
+    
+    
+    
     
+    
+    
+    
+    
+    
+    
+    
+    
+    
   
 
-- 
cgit v1.2.3


From b4b1ef68398b68dcdfa29465d06cd76d6bf2c49d Mon Sep 17 00:00:00 2001
From: Jacob Thornton 
Date: Mon, 23 Jan 2012 15:17:32 -0800
Subject: rebuild with new templates

---
 docs/less.html | 78 ++++++----------------------------------------------------
 1 file changed, 8 insertions(+), 70 deletions(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index 5c8eb735d..76a47f269 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -27,89 +27,27 @@
 
   
 
-    
     
       
         
           Bootstrap
           
-<<<<<<< HEAD
-            Overview
-            
-              
-                Scaffolding
-                
-              
-              
-                Grid system
-                Layouts
-                Responsive design
-              
+            

+              Overview
             
-            
-              
-                Base CSS
-                
-              
-              
-                Typography
-                Tables
-                Forms
-                Buttons
-                Icons by Glyphicons
-              
-            
-            
-              
-                Components
-                
-              
-              
-                Button groups
-                Split button dropdowns
-                Nav, tabs, pills
-                Navbar
-                Breadcrumbs
-                Pagination
-                Thumbnails
-                Alert messages
-                Progress bars
-              
-            
-            
-              
-                Javascript plugins
-                
-              
-              
-                Overview
-                Modal
-                Dropdown
-                Scrollspy
-                Tab
-                Tooltip
-                Popover
-                Alert
-                Button
-                Collapse
-                Carousel
-                Typeahead
-              
-=======
-            
Overview
-            
+            

               Scaffolding
             
-            
+            

               Base CSS
             
-            
+            

               Components
             
-            
+            

               Javascript plugins
->>>>>>> a074087034716804610637a5ad9cc0447a2cccb2
             
             
               Using LESS
@@ -527,7 +465,7 @@
 
 
 
-      
       
         Back to top
-- 
cgit v1.2.3


From 82de03b67cf729291ea5a73741e44838a42940f8 Mon Sep 17 00:00:00 2001
From: Jacob Thornton 
Date: Mon, 23 Jan 2012 19:55:00 -0800
Subject: start wrapping text in {{_i}} for translation

---
 docs/less.html | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index 76a47f269..cd486ac98 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -22,11 +22,10 @@
     
     
     
-
   
 
   
-
+  
   
     
-- 
cgit v1.2.3


From 04efc8d0a85f76402527e5e8658df43a8e4deb6c Mon Sep 17 00:00:00 2001
From: Pete Hopkins 
Date: Tue, 24 Jan 2012 12:52:06 -0500
Subject: Fixes apostrophe in less.html

---
 docs/less.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index 0348c0caf..54558e716 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -73,7 +73,7 @@
       
         
           Why LESS?
-          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.
+          Bootstrap is made with LESS at its core, a dynamic stylesheet language created by Alexis Sellier. It makes developing systems-based CSS faster, easier, and more fun.
         
         
           What's included?
-- 
cgit v1.2.3


From fecd4ddd135a893f2c5c103d565e9d1ab110d247 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Tue, 24 Jan 2012 14:25:30 -0800
Subject: docs updates to make the getting started section more responsive,
 updated the benefits to be clearer and swap x for checkmark

---
 docs/less.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index cc8197118..cd486ac98 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -75,7 +75,7 @@
       
         
           Why LESS?
-          Bootstrap is made with LESS at its core, a dynamic stylesheet language created by Alexis Sellier. It makes developing systems-based CSS faster, easier, and more fun.
+          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.
         
         
           What's included?
-- 
cgit v1.2.3


From 8ff621aa26dee69088b527089cdd719bce68be31 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Tue, 24 Jan 2012 16:07:30 -0800
Subject: fix broken index page heading, update variables and less pages

---
 docs/less.html | 405 +++++++++++++++++++++++++++++++--------------------------
 1 file changed, 221 insertions(+), 184 deletions(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index cd486ac98..735bd0dc6 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -63,207 +63,244 @@
       
         Using LESS with Bootstrap
         Customize and extend Bootstrap with LESS, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.
+        
+          Built with Less
+          Variables
+          Mixins
+          Compiling Bootstrap
+        
       
 
 
 
       
-      
-        Built with LESS
-      
-      
-        
-          Why LESS?
-          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.
-        
-        
-          What's included?
-          As an extension of CSS, LESS includes variables, mixins for reusable snippets of code, operations for simple math, nesting, and even color functions.
-        
-        
-          Learn more
-          
-          Visit the official website at http://lesscss.org to learn more.
-        
-      
-      
-        
-          Variables
-          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.
+      
+        
+          Built with LESS
         
-        
-          Mixins
-          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.
+        
+          
+            Why LESS?
+            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.
+          
+          
+            What's included?
+            As an extension of CSS, LESS includes variables, mixins for reusable snippets of code, operations for simple math, nesting, and even color functions.
+          
+          
+            Learn more
+            
+            Visit the official website at http://lesscss.org to learn more.
+          
         
-        
-          Operations
-          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.
+        
+          
+            Variables
+            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.
+          
+          
+            Mixins
+            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.
+          
+          
+            Operations
+            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.
+          
         
-      
+      
 
 
 
       
-      
-        Variables from variables.less
-      
-
-          Hyperlinks
-          
       
         
           Method
-            
-              
-                
-                
-                
-              
-            
-            
-              
-                
-                
-                
-              
-              
-                
-                
-                
-              
-            
-          Variable Value Usage
@linkColor #0069d6 Default link text color
@linkColorHover darken(@linkColor, 15) Default link text hover color
-
-      
-        
-          Grayscale colors
-          
-            
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-            
-          @black #000
@grayDark lighten(@black, 25%)
@gray lighten(@black, 50%)
@grayLight lighten(@black, 75%)
@grayLighter lighten(@black, 90%)
@white #fff
+      
+        
+          Variables from variables.less
         
-        
-          Accent colors
-          
-            
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-            
-          @blue #049CDB
@green #46a546
@red #9d261d
@yellow #ffc40d
@orange #f89406
@pink #c3325f
@purple #7a43b6
-        
-      
 
-      
-        
-          Grid system
-          
-            
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-              
-                
-                
-              
-            
-          @gridColumns 12
@gridColumnWidth 60px
@gridGutterWidth 20px
@siteWidth (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1))
-        
-        
-          Typography
-          
-            
-              
-                
-                
-              
-              
-                
-                
-                
-              
-              
-                
-                
-              
-            
-          @baseFontSize 13px
@baseFontFamily "Helvetica Neue", Helvetica, Arial, sans-serif 
@baseLineHeight 18px
-        
-      
+        Hyperlinks
+        
+          
+            
+              
+              
+              
+            
+          
+          
+            
+              
+              
+              
+            
+            
+              
+              
+              
+            
+          
+        Variable Value Usage
@linkColor #08c Default link text color
@linkColorHover darken(@linkColor, 15%) Default link text hover color
+
+        
+          
+            Grayscale colors
+            
+              
+                
+                  
+                  
+                
+              
+              
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+              
+            Variable Value
@black #000
@grayDarker #222
@grayDark #333
@gray #555
@grayLight #999
@grayLighter #eee
@white #fff
+          
+          
+            Accent colors
+            
+              
+                
+                  
+                  
+                
+              
+              
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+              
+            Variable Value
@blue #049cdb
@green #46a546
@red #9d261d
@yellow #ffc40d
@orange #f89406
@pink #c3325f
@purple #7a43b6
+          
+        
 
+        
+          
+            Grid system
+            
+              
+                
+                  
+                  
+                
+              
+              
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+              
+            Variable Value
@gridColumns 12
@gridColumnWidth 60px
@gridGutterWidth 20px
@siteWidth (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1))
+          
+          
+            Typography
+            
+              
+                
+                  
+                  
+                
+              
+              
+                
+                  
+                  
+                
+                
+                  
+                  
+                  
+                
+                
+                  
+                  
+                
+              
+            Variable Value
@baseFontSize 13px
@baseFontFamily "Helvetica Neue", Helvetica, Arial, sans-serif 
@baseLineHeight 18px
+          
+        
 
+        
+          
+            Visuals
+          
+          
+            
+              
+                
+                  
+                  
+                  
+                
+              
+            @primaryButtonColor @blue 
+          
+        
 
+      
 
-      
-        
-          Visuals
-        
-        
-          
-            
-              
-                
-                
-                
-              
-            
-          @primaryButtonColor @blue 
-        
-      
 
 
       
-        
-          
-            Visuals
-          
-          
-            
-              
-                
-                  
-                  
-                  
-                
-              
-            @primaryButtonColor @blue 
-          
-        
 
+
+        Components
+        
+          
+            
+              
+            
+          
+          
+            
+              
+              
+            
+          
+          
+          
+            
+              
+            
+          
+          
+            
+              
+              
+            
+          
+
+          
+            
+              
+            
+          
+          
+            
+              
+              
+            
+            
+              
+              
+            
+            
+              
+              
+            
+          
+        Buttons
@primaryButtonColor @blue
Buttons
@placeholderText @grayLight
Navbars
@navbarHeight 40px
@navbarBackground @grayDarker
@navbarBackgroundHighlight @grayDark
+
       
 
 
-- 
cgit v1.2.3


From 805a965f2e7373db42d99376d4dc3c1ca9ea509d Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Tue, 24 Jan 2012 17:14:19 -0800
Subject: finish updating form state and alert variables in less docs page

---
 docs/less.html | 143 +++++++++++++++++++++++++++++++++++++++------------------
 1 file changed, 98 insertions(+), 45 deletions(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index dfa0739a7..c9e447382 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -58,6 +58,10 @@
 
     
 
+      
+        Heads up! This page is still under construction and is missing plenty of documentation. Hang tight!
+      
+
       
       
@@ -285,51 +289,100 @@
         
 
 
         Components
-        
-          
-            
-              
-            
-          
-          
-            
-              
-              
-            
-          
-          
-          
-            
-              
-            
-          
-          
-            
-              
-              
-            
-          
-
-          
-            
-              
-            
-          
-          
-            
-              
-              
-            
-            
-              
-              
-            
-            
-              
-              
-            
-          
-        Buttons
@primaryButtonColor @blue
Buttons
@placeholderText @grayLight
Navbars
@navbarHeight 40px
@navbarBackground @grayDarker
@navbarBackgroundHighlight @grayDark
+        
+          
+            Buttons
+            
+              
+                
+                  
+                  
+                
+              
+            @primaryButtonColor @blue
+            Forms
+            
+              
+                
+                  
+                  
+                
+              
+            @placeholderText @grayLight
+            Navbar
+            
+              
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+              
+            @navbarHeight 40px
@navbarBackground @grayDarker
@navbarBackgroundHighlight @grayDark
+          
+          
+            Form states and alerts
+            
+              
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+                
+                  
+                  
+                
+              
+            @warningText #f3edd2
@warningBackground #c09853
@warningBorder #f3edd2
@errorText #b94a48
@errorBackground #f2dede
@errorBorder #e9c7c7
@successText #468847
@successBackground #dff0d8
@successBorder #cfe8c4
@infoText #3a87ad
@infoBackground #d9edf7
@infoBorder #bfe1f2
+          
+        

 
       
 
-- 
cgit v1.2.3


From 9ef4171d03e048ee9458fb7a1db83ea61bf845c2 Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Tue, 24 Jan 2012 18:26:45 -0800
Subject: lighten alert on less page

---
 docs/less.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index c9e447382..c8c1540b5 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -58,7 +58,7 @@
 
     
 
-      
+      
         Heads up! This page is still under construction and is missing plenty of documentation. Hang tight!
       
 
-- 
cgit v1.2.3


From 672ba4c2fd9a42d4f178e795ebc162cce81bbc2f Mon Sep 17 00:00:00 2001
From: Mark Otto 
Date: Tue, 24 Jan 2012 19:19:50 -0800
Subject: update the subnav on all pages

---
 docs/less.html | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index c8c1540b5..86a65a6c7 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -67,12 +67,14 @@
       
         Using LESS with Bootstrap
         Customize and extend Bootstrap with LESS, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.
-        
-          Built with Less
-          Variables
-          Mixins
-          Compiling Bootstrap
-        
+        
+          
+            Built with Less
+            Variables
+            Mixins
+            Compiling Bootstrap
+          
+        
       
 
 
-- 
cgit v1.2.3


From 5a54a98925f4f7375bdf63f86d21908b05af187e Mon Sep 17 00:00:00 2001
From: Jacob Thornton 
Date: Tue, 24 Jan 2012 22:37:35 -0800
Subject: subnav spy scrolls blaawerh

---
 docs/less.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index 86a65a6c7..c5fb46ca6 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -24,7 +24,7 @@
     
   
 
-  
+  
   
   
-- 
cgit v1.2.3


From 6be91368c07ad2b3201d1c669b27fbafb46d0d0e Mon Sep 17 00:00:00 2001
From: Jason Wieland 
Date: Tue, 24 Jan 2012 23:24:46 -0800
Subject: minor doc updates to inform user they need the current less.js 1.2.1
 or they will be hit by this bug #952

---
 docs/less.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'docs/less.html')

diff --git a/docs/less.html b/docs/less.html
index c5fb46ca6..e1de9fcc4 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -431,7 +431,7 @@
     Use this option to make full use of Bootstrap’s Less variables, mixins, and nesting in CSS via javascript in your browser.
  <link rel="stylesheet/less" href="less/bootstrap.less" media="all" />
-<script src="js/less-1.1.3.min.js"></script>
+<script src="js/less-1.2.1.min.js"></script>

Variable	Value	Usage
`@linkColor`	#0069d6	Default link text color
`@linkColorHover`	`darken(@linkColor, 15)`	Default link text hover color

Variable	Value	Usage
`@linkColor`	#0069d6	Default link text color
`@linkColorHover`	`darken(@linkColor, 15)`	Default link text hover color

Not feeling the .js solution? Try the Less Mac app or use Node.js to compile when you deploy your code.

What’s included

-- cgit v1.2.3 From 6ab56051fdf916f03efb8aa6675e50bdd1cc3155 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 24 Jan 2012 23:35:34 -0800 Subject: fix up docs css for responsive and subnav, fix forms error states --- docs/less.html | 829 ++++++++++++++++++++++++++++++++++----------------------- 1 file changed, 495 insertions(+), 334 deletions(-) (limited to 'docs/less.html') diff --git a/docs/less.html b/docs/less.html index 86a65a6c7..e5e3baa66 100644 --- a/docs/less.html +++ b/docs/less.html @@ -58,359 +58,520 @@ + + - -

- -

Hyperlinks

- - - - - - - - - - - - - - - - - - - - -

Variable	Value	Usage
`@linkColor`	#08c	Default link text color
`@linkColorHover`	`darken(@linkColor, 15%)`	Default link text hover color

- -

Grayscale colors

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Variable	Value
`@black`	#000
`@grayDarker`	#222
`@grayDark`	#333
`@gray`	#555
`@grayLight`	#999
`@grayLighter`	#eee
`@white`	#fff

Accent colors

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Variable	Value
`@blue`	#049cdb
`@green`	#46a546
`@red`	#9d261d
`@yellow`	#ffc40d
`@orange`	#f89406
`@pink`	#c3325f
`@purple`	#7a43b6

Grid system

- - - - - - - - - - - - - - - - - - - - - - - - - -

Variable	Value
`@gridColumns`	12
`@gridColumnWidth`	60px
`@gridGutterWidth`	20px
`@siteWidth`	`(@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1))`

Typography

- - - - - - - - - - - - - - - - - - - - - - -

Variable	Value
`@baseFontSize`	13px
`@baseFontFamily`	`"Helvetica Neue", Helvetica, Arial, sans-serif`
`@baseLineHeight`	18px

- -

Components

Buttons

- - - - - - - -

`@primaryButtonColor`	`@blue`

Forms

- - - - - - - -

`@placeholderText`	`@grayLight`

Navbar

- - - - - - - - - - - - - - - -

`@navbarHeight`	40px
`@navbarBackground`	`@grayDarker`
`@navbarBackgroundHighlight`	`@grayDark`

Form states and alerts

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

`@warningText`	#f3edd2
`@warningBackground`	#c09853
`@warningBorder`	#f3edd2
`@errorText`	#b94a48
`@errorBackground`	#f2dede
`@errorBorder`	#e9c7c7
`@successText`	#468847
`@successBackground`	#dff0d8
`@successBorder`	#cfe8c4
`@infoText`	#3a87ad
`@infoBackground`	#d9edf7
`@infoBorder`	#bfe1f2

+ +

Why LESS?

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.

What's included?

As an extension of CSS, LESS includes variables, mixins for reusable snippets of code, operations for simple math, nesting, and even color functions.

Learn more

Visit the official website at http://lesscss.org to learn more.

Variables

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.

Mixins

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.

Operations

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.

+ +

+ - - +

Hyperlinks

+ + + + + + + + + + + + + + + + + + + + +

Variable	Value	Usage
`@linkColor`	#08c	Default link text color
`@linkColorHover`	`darken(@linkColor, 15%)`	Default link text hover color

+ +

Grayscale colors

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

Variable	Value
`@black`	#000
`@grayDarker`	#222
`@grayDark`	#333
`@gray`	#555
`@grayLight`	#999
`@grayLighter`	#eee
`@white`	#fff

Accent colors

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

Variable	Value
`@blue`	#049cdb
`@green`	#46a546
`@red`	#9d261d
`@yellow`	#ffc40d
`@orange`	#f89406
`@pink`	#c3325f
`@purple`	#7a43b6

Grid system

+ + + + + + + + + + + + + + + + + + + + + + + + + +

Variable	Value
`@gridColumns`	12
`@gridColumnWidth`	60px
`@gridGutterWidth`	20px
`@siteWidth`	`(@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1))`

Typography

+ + + + + + + + + + + + + + + + + + + + + + +

Variable	Value
`@baseFontSize`	13px
`@baseFontFamily`	`"Helvetica Neue", Helvetica, Arial, sans-serif`
`@baseLineHeight`	18px

+ +

Components

Buttons

+ + + + + + + +

`@primaryButtonColor`	`@blue`

Forms

+ + + + + + + +

`@placeholderText`	`@grayLight`

Navbar

+ + + + + + + + + + + + + + + +

`@navbarHeight`	40px
`@navbarBackground`	`@grayDarker`
`@navbarBackgroundHighlight`	`@grayDark`

Form states and alerts

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

`@warningText`	#f3edd2
`@warningBackground`	#c09853
`@warningBorder`	#f3edd2
`@errorText`	#b94a48
`@errorBackground`	#f2dede
`@errorBorder`	#e9c7c7
`@successText`	#468847
`@successBackground`	#dff0d8
`@successBorder`	#cfe8c4
`@infoText`	#3a87ad
`@infoBackground`	#d9edf7
`@infoBorder`	#bfe1f2

- - + + - - + + + + + + + + -- cgit v1.2.3 From b0fb31be5eff9cc4d7a1b2aab70643ff4fc82618 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 24 Jan 2012 23:45:48 -0800 Subject: fix js link on chop shop --- docs/less.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/less.html') diff --git a/docs/less.html b/docs/less.html index e5e3baa66..55138c71a 100644 --- a/docs/less.html +++ b/docs/less.html @@ -230,7 +230,7 @@

We've compiled your selected CSS and customized variables and have them ready to download as a tidy ZIP file. Choose from compiled or compiled and minified CSS files.

Download CSS Download minified CSS

Looking to customize your javascript? Head over to the Javascript plugins page to build your own Bootstrap JS bundle.

-- cgit v1.2.3 From b8fa6cfacf61a02ab769b9031253c7b06111fa7c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 25 Jan 2012 01:22:29 -0800 Subject: move css builder and downloader to dedicated page, start to update remaining sections on LESS docs page --- docs/less.html | 361 +++++++++------------------------------------------------ 1 file changed, 58 insertions(+), 303 deletions(-) (limited to 'docs/less.html') diff --git a/docs/less.html b/docs/less.html index 55138c71a..6bb04e8d8 100644 --- a/docs/less.html +++ b/docs/less.html @@ -51,6 +51,9 @@

Using LESS

+ Download +

@@ -69,177 +72,16 @@

Customize and extend Bootstrap with LESS, a CSS preprocessor, to take advantage of the variables, mixins, and more used to build Bootstrap's CSS.

- - - - -

@@ -249,7 +91,7 @@

Why LESS?

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.

Bootstrap is made with LESS at it's core, a dynamic stylesheet language created by our good friend, Alexis Sellier. It makes developing systems-based CSS faster, easier, and more fun.

What's included?

@@ -283,7 +125,7 @@ ================================================== -->

Hyperlinks

@@ -554,85 +396,8 @@ - - - - - - - - - - - - - - - -

- -

Bootstrap was built with Preboot, an open-source pack of mixins and variables to be used in conjunction with Less, a CSS preprocessor for faster and easier web development.

Check out how we used Preboot in Bootstrap and how you can make use of it should you choose to run Less on your next project.

How to use it

Use this option to make full use of Bootstrap’s Less variables, mixins, and nesting in CSS via javascript in your browser.

-<link rel="stylesheet/less" href="less/bootstrap.less" media="all" />
-<script src="js/less-1.1.3.min.js"></script>

Not feeling the .js solution? Try the Less Mac app or use Node.js to compile when you deploy your code.

- -

What’s included

Here are some of the highlights of what’s included in Twitter Bootstrap as part of Bootstrap. Head over to the Bootstrap website or Github project page to download and learn more.

Variables

Variables in Less are perfect for maintaining and updating your CSS headache free. When you want to change a color value or a frequently used value, update it in one spot and you’re set.

-// Links
-@linkColor:         #8b59c2;
-@linkColorHover:    darken(@linkColor, 10);
-
-// Grays
-@black:             #000;
-@grayDark:          lighten(@black, 25%);
-@gray:              lighten(@black, 50%);
-@grayLight:         lighten(@black, 70%);
-@grayLighter:       lighten(@black, 90%);
-@white:             #fff;
-
-// Accent Colors
-@blue:              #08b5fb;
-@green:             #46a546;
-@red:               #9d261d;
-@yellow:            #ffc40d;
-@orange:            #f89406;
-@pink:              #c3325f;
-@purple:            #7a43b6;
-
-// Baseline grid
-@basefont:          13px;
-@baseline:          18px;
-

- -

Commenting

Less also provides another style of commenting in addition to CSS’s normal /* ... */ syntax.

-// This is a comment
-/* This is also a comment */
-

Mixins up the wazoo

Font stacks

@@ -686,69 +451,59 @@ } -

Compiling Less

Ways to compile

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Method	Steps
Node with makefile	- Install the LESS command line compiler with npm by running the following command: - $ npm install less - Once installed just run `make` from the root of your bootstrap directory and you're all set. - Additionally, if you have watchr installed, you may run `make watch` to have bootstrap automatically rebuilt every time you edit a file in the bootstrap lib (this isn't required, just a convenience method). -
Javascript	- Download the latest Less.js and include the path to it (and Bootstrap) in the `<head>`. + + + + + Compiling Bootstrap with LESS + + + Note: If you're submitting a pull request to GitHub with modified CSS, you must recompile the CSS via any of these methods. + + Tools for compiling + + + Node with makefile + Install the LESS command line compiler with npm by running the following command: + $ npm install less + Once installed just run `make` from the root of your bootstrap directory and you're all set. + Additionally, if you have watchr installed, you may run `make watch` to have bootstrap automatically rebuilt every time you edit a file in the bootstrap lib (this isn't required, just a convenience method). + + + Command line + Install the LESS command line tool via Node and run the following command: + $ lessc ./lib/bootstrap.less > bootstrap.css + Be sure to include `--compress` in that command if you're trying to save some bytes! + + + Javascript + Download the latest Less.js and include the path to it (and Bootstrap) in the `<head>`. <link rel="stylesheet/less" href="/path/to/bootstrap.less"> <script src="/path/to/less.js"></script> - To recompile the .less files, just save them and reload your page. Less.js compiles them and stores them in local storage. -
Command line	- Install the LESS command line tool via Node and run the following command: - $ lessc ./lib/bootstrap.less > bootstrap.css - Be sure to include `--compress` in that command if you're trying to save some bytes! -
Unofficial Mac app	- The unofficial Mac app watches directories of .less files and compiles the code to local files after every save of a watched .less file. - If you like, you can toggle preferences in the app for automatic minifying and which directory the compiled files end up in. -
Crunch	Crunch is a great looking LESS editor and compiler built on Adobe Air.
CodeKit	Created by the same guy as the unofficial Mac app, CodeKit is a Mac app that compiles LESS, SASS, Stylus, and CoffeeScript.
Simpless	Mac, Linux, and PC app for drag and drop compiling of LESS files. Plus, the source code is on GitHub.

- +

To recompile the .less files, just save them and reload your page. Less.js compiles them and stores them in local storage.

Unofficial Mac app

The unofficial Mac app watches directories of .less files and compiles the code to local files after every save of a watched .less file.

If you like, you can toggle preferences in the app for automatic minifying and which directory the compiled files end up in.

More Mac apps

Crunch

Crunch is a great looking LESS editor and compiler built on Adobe Air.

CodeKit

Created by the same guy as the unofficial Mac app, CodeKit is a Mac app that compiles LESS, SASS, Stylus, and CoffeeScript.

Simpless

Mac, Linux, and PC app for drag and drop compiling of LESS files. Plus, the source code is on GitHub.

-- cgit v1.2.3 From de4ada3b88d7514d0320540e5a298fbe878778e1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 25 Jan 2012 01:45:15 -0800 Subject: spec out all mixins on less page --- docs/less.html | 356 ++++++++++++++++++++++++++++++++++++++++++++++++--------- 1 file changed, 303 insertions(+), 53 deletions(-) (limited to 'docs/less.html') diff --git a/docs/less.html b/docs/less.html index ac75dd346..e10c8899b 100644 --- a/docs/less.html +++ b/docs/less.html @@ -105,11 +105,11 @@

Variables

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.

Mixins

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.

@@ -395,62 +395,312 @@ - - -

Mixins up the wazoo

Font stacks

+ +

About mixins

Basic mixins

A basic mixin is essentially an include or a partial for a snippet of CSS. They're written just like a CSS class and can be called anywhere.

-#font {
-  .shorthand(@weight: normal, @size: 14px, @lineHeight: 20px) {
-    font-size: @size;
-    font-weight: @weight;
-    line-height: @lineHeight;
-  }
-  .sans-serif(@weight: normal, @size: 14px, @lineHeight: 20px) {
-    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-    font-size: @size;
-    font-weight: @weight;
-    line-height: @lineHeight;
-  }
-  ...
-}
+  Coming soon!

Gradients

Parametric mixins

A parametric mixin is just like a basic mixin, but it also accepts optional paramaters (hence the name).

-#gradient {
-  ...
-  .vertical (@startColor: #555, @endColor: #333) {
-    background-color: @endColor;
-    background-repeat: repeat-x;
-    background-image: -khtml-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); // Konqueror
-    background-image: -moz-linear-gradient(@startColor, @endColor); // FF 3.6+
-    background-image: -ms-linear-gradient(@startColor, @endColor); // IE10
-    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+
-    background-image: -webkit-linear-gradient(@startColor, @endColor); // Safari 5.1+, Chrome 10+
-    background-image: -o-linear-gradient(@startColor, @endColor); // Opera 11.10
-    background-image: linear-gradient(@startColor, @endColor); // The standard
-  }
-  ...
-}
+  Coming soon!

Easily add your own

Nearly all of Bootstrap's mixins are stored in mixins.less, a wonderful utility .less file that enables you to use a mixin in any of the .less files in the toolkit.

So, go ahead and use the existing ones or feel free to add your own as you need.

Included mixins

Utilities

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

Mixin	Paramaters	Usage
`.clearfix()`
`.center-block()`
`.ie7-inline-block()`
`.size()`
`.square()`
`.opacity()`
`.reset-filter()`

Forms

+ + + + + + + + + + + + + + + +

Mixin	Paramaters	Usage
`.placeholder()`

Typography

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

Mixin	Paramaters	Usage
`#font > #family > .serif()`
`#font > #family > .sans-serif()`
`#font > #family > .monospace()`
`#font > .shorthand()`
`#font > .serif()`
`#font > .sans-serif()`
`#font > .monospace()`

Grid system

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

Mixin	Paramaters	Usage
`.fixed-container()`
`.columns()`
`.offset()`
`.gridColumn()`

CSS3 properties

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

Mixin	Paramaters	Usage
`.border-radius()`
`.border-radius-custom()`
`.box-shadow()`
`.transition()`
`.rotate()`
`.scale()`
`.translate()`
`.background-clip()`
`.background-size()`
`.box-sizing()`
`.user-select()`
`.resizable()`
`.content-columns()`

Backgrounds and gradients

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

Mixin	Paramaters	Usage
`.#translucent > .background()`
`.#translucent > .border()`
`.#gradient > .vertical()`
`.#gradient > .horizontal()`
`.#gradient > .directional()`
`.#gradient > .vertical-three-colors()`
`.#gradient > .radial()`
`.#gradient > .striped()`
`.#gradientBar()`

Operations

Get fancy and perform some math to generate flexible and powerful mixins like the one below.

-// Griditude
-@gridColumns:       16;
-@gridColumnWidth:   40px;
-@gridGutterWidth:   20px;
-@siteWidth:         (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
-
-// Make some columns
-.columns(@columnSpan: 1) {
-  width: (@gridColumnWidth * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1));
-}
-

+ -- cgit v1.2.3 From 1fa3eab20c827d0300cd4a4bb50e2c28e16a2872 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 25 Jan 2012 10:19:29 -0800 Subject: fix location of favicon --- docs/less.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/less.html') diff --git a/docs/less.html b/docs/less.html index 1e6c48253..f920a80a8 100644 --- a/docs/less.html +++ b/docs/less.html @@ -19,7 +19,7 @@ - + -- cgit v1.2.3 From 25519bacd56ee2507cdde727d85458e5e5ef7949 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Wed, 25 Jan 2012 11:25:35 -0800 Subject: rebuild + add spy to template --- docs/less.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/less.html') diff --git a/docs/less.html b/docs/less.html index f920a80a8..c77ba9706 100644 --- a/docs/less.html +++ b/docs/less.html @@ -25,7 +25,7 @@ - + -- cgit v1.2.3 From 7d83f45ebbadf7d100b56f944718763a6ce3e55c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 25 Jan 2012 14:08:51 -0800 Subject: start filling out mixins tables --- docs/less.html | 46 +++++++++++++++++++++++----------------------- 1 file changed, 23 insertions(+), 23 deletions(-) (limited to 'docs/less.html') diff --git a/docs/less.html b/docs/less.html index c77ba9706..23c2c53c6 100644 --- a/docs/less.html +++ b/docs/less.html @@ -411,7 +411,7 @@

Parametric mixins

A parametric mixin is just like a basic mixin, but it also accepts optional paramaters (hence the name).

A parametric mixin is just like a basic mixin, but it also accepts optional Parameters (hence the name).

   Coming soon!

@@ -428,45 +428,45 @@ Mixin - Paramaters + Parameters Usage .clearfix() - - + none + Add to any parent to clear floats within .center-block() - - + none + Auto center a block-level element using margin: auto .ie7-inline-block() - - + none + Use in addition to regular display: inline-block to get IE7 support .size() - - + @height: 5px, @width: 5px + Quickly set the height and width on one line .square() - - + @size: 5px + Builds on .size() to set the width and height as same value .opacity() - - + @opacity: 100 + Set, in whole numbers, the opacity percentage (e.g., "50" or "75") .reset-filter() - - + none + Resets any IE filter @@ -475,15 +475,15 @@ Mixin - Paramaters + Parameters Usage .placeholder() - - + @color: @placeholderText + Set the placeholder text color for inputs @@ -492,7 +492,7 @@ Mixin - Paramaters + Parameters Usage @@ -539,7 +539,7 @@ Mixin - Paramaters + Parameters Usage @@ -571,7 +571,7 @@ Mixin - Paramaters + Parameters Usage @@ -648,7 +648,7 @@ Mixin - Paramaters + Parameters Usage -- cgit v1.2.3 From b6b7d1343b74713a60e86401d8b625f097a7b8dc Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 25 Jan 2012 15:03:44 -0800 Subject: finish the rest of the less page mixins docs --- docs/less.html | 147 ++++++++++++++++++++++++++++----------------------------- 1 file changed, 73 insertions(+), 74 deletions(-) (limited to 'docs/less.html') diff --git a/docs/less.html b/docs/less.html index 23c2c53c6..f6321fc69 100644 --- a/docs/less.html +++ b/docs/less.html @@ -406,14 +406,18 @@

Basic mixins

A basic mixin is essentially an include or a partial for a snippet of CSS. They're written just like a CSS class and can be called anywhere.

-  Coming soon!
+.element {
+  .clearfix();
+}

Parametric mixins

A parametric mixin is just like a basic mixin, but it also accepts optional Parameters (hence the name).

A parametric mixin is just like a basic mixin, but it also accepts parameters (hence the name) with optional default values.

-  Coming soon!
+.element {
+  .border-radius(4px);
+}

@@ -499,38 +503,38 @@ #font > #family > .serif() - - + none + Make an element use a serif font stack #font > #family > .sans-serif() - - + none + Make an element use a sans-serif font stack #font > #family > .monospace() - - + none + Make an element use a monospace font stack #font > .shorthand() - - + @size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight + Easily set font size, weight, and leading #font > .serif() - - + @size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight + Set font family to serif, and control size, weight, and leading #font > .sans-serif() - - + @size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight + Set font family to sans-serif, and control size, weight, and leading #font > .monospace() - - + @size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight + Set font family to monospace, and control size, weight, and leading @@ -545,24 +549,24 @@ - .fixed-container() - - + .container-fixed() + none + Provide a fixed-width (set with @siteWidth) container for holding your content .columns() - - + @columns: 1 + Build a grid column that spans any number of columns (defaults to 1 column) .offset() - - + @columns: 1 + Offset a grid column with left margin that spans any number of columns .gridColumn() - - + none + Make an element float like a grid column @@ -570,7 +574,7 @@ - + @@ -578,68 +582,63 @@ - - - - - - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + +

Mixin	Usage
`.border-radius()`
`.border-radius-custom()`	`@radius: 5px`	Round the corners of an element. Can be a single value or four space-separated values
`.box-shadow()`	`@shadow: 0 1px 3px rgba(0,0,0,.25)`	Add a drop shadow to an element
`.transition()`	`@transition`	Add CSS3 transition effect (e.g., `all .2s linear`)
`.rotate()`	`@degrees`	Rotate an element n degrees
`.scale()`	`@ratio`	Scale an element to n times it's original size
`.translate()`	`@x: 0, @y: 0`	Move an element on the x and y planes
`.background-clip()`	`@clip`	Crop the backgroud of an element (useful for `border-radius`)
`.background-size()`	`@size`	Control the size of background images via CSS3
`.box-sizing()`	`@boxmodel`	Change the box model for an element (e.g., `border-box` for a full-width `input`)
`.user-select()`	`@select`	Control cursor selection of text on a page
`.resizable()`	`@direction: both`	Make any element resizable on the right and bottom
`.content-columns()`	`@columnCount, @columnGap: @gridColumnGutter`	Make the content of any element use CSS3 columns

@@ -655,48 +654,48 @@ .#translucent > .background() - - + @color: @white, @alpha: 1 + Give an element a translucent background color .#translucent > .border() - - + @color: @white, @alpha: 1 + Give an element a translucent border color .#gradient > .vertical() - - + @startColor, @endColor + Create a cross-browser vertical background gradient .#gradient > .horizontal() - - + @startColor, @endColor + Create a cross-browser horizontal background gradient .#gradient > .directional() - - + @startColor, @endColor, @deg + Create a cross-browser directional background gradient .#gradient > .vertical-three-colors() - - + @startColor, @midColor, @colorStop, @endColor + Create a cross-browser three-color background gradient .#gradient > .radial() - - + @innerColor, @outerColor + Create a cross-browser radial background gradient .#gradient > .striped() - - + @color, @angle + Create a cross-browser striped background gradient .#gradientBar() - - + @primaryColor, @secondaryColor + Used for buttons to assign a gradient and slightly darker border -- cgit v1.2.3 From 0ef4b6419fd83170dd62049a2850c5e8466635c9 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 26 Jan 2012 10:00:09 -0800 Subject: overhaul frontpage jumbotron, add js for twitter buttons back in, fix up some form ids and classes, straighten out the use of primary button variable --- docs/less.html | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) (limited to 'docs/less.html') diff --git a/docs/less.html b/docs/less.html index f6321fc69..d2e083c2e 100644 --- a/docs/less.html +++ b/docs/less.html @@ -27,6 +27,7 @@ + +

- + + - + -- cgit v1.2.3 From 29f0e4c28b56e684a9be9931dcf77b418cb63ae0 Mon Sep 17 00:00:00 2001 From: Pete Hopkins Date: Thu, 26 Jan 2012 13:01:03 -0500 Subject: Removes filters as a way to provide gradients for IE<=9 - Lets us use rounded corners in IE9 - Makes hover / active states work correctly in IE<=9 Only change for non-IE is that moving from hover -> not hovering no longer animates (was a subtle blend) due to mismatch between the bottom of the gradient and the background color. Refactor: moves the primary button background to match the others. --- docs/less.html | 5 ----- 1 file changed, 5 deletions(-) (limited to 'docs/less.html') diff --git a/docs/less.html b/docs/less.html index d2e083c2e..dc0e83443 100644 --- a/docs/less.html +++ b/docs/less.html @@ -468,11 +468,6 @@ @opacity: 100 Set, in whole numbers, the opacity percentage (e.g., "50" or "75") - - .reset-filter() - none - Resets any IE filter -

Forms

-- cgit v1.2.3 From b260544de02788bc921c4c713df0f754d96c5a27 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 26 Jan 2012 15:54:04 -0800 Subject: fix links to apple touch icons --- docs/less.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'docs/less.html') diff --git a/docs/less.html b/docs/less.html index dc0e83443..c827df453 100644 --- a/docs/less.html +++ b/docs/less.html @@ -20,9 +20,9 @@ - - - + + + -- cgit v1.2.3 From ed64276e5be1bbf808f2ab1451aa02522cc3aff0 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Thu, 26 Jan 2012 22:05:45 -0800 Subject: move doc building into base make method + build bootstrap to doc assets --- docs/less.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/less.html') diff --git a/docs/less.html b/docs/less.html index c827df453..fb1b0d18c 100644 --- a/docs/less.html +++ b/docs/less.html @@ -13,8 +13,8 @@ - - + + -- cgit v1.2.3 From e8647c1b118d2c726a8987e9a41aad82da972b57 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 27 Jan 2012 13:20:02 -0800 Subject: huuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuge update to doces and stuff --- docs/less.html | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) (limited to 'docs/less.html') diff --git a/docs/less.html b/docs/less.html index fb1b0d18c..33ebc8276 100644 --- a/docs/less.html +++ b/docs/less.html @@ -30,7 +30,7 @@ -

Bootstrap @@ -331,6 +331,18 @@ @navbarBackgroundHighlight @grayDark + + @navbarText + @grayLight + + + @navbarLinkColor + @grayLight + + + @navbarLinkColorHover + @white +

-- cgit v1.2.3 From 6fd1e9f4c0903ae4ff4f57bd3cb193ee0ed2b9ad Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Fri, 27 Jan 2012 13:36:31 -0800 Subject: rebuil update layout --- docs/less.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/less.html') diff --git a/docs/less.html b/docs/less.html index 33ebc8276..8e3e8e655 100644 --- a/docs/less.html +++ b/docs/less.html @@ -54,7 +54,7 @@ Using LESS

- Download + Customize

-- cgit v1.2.3 From 7e72eb5063470a3728d612acd2cc0368aabc8664 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 27 Jan 2012 18:33:25 -0800 Subject: new tab focus style and mixin --- docs/less.html | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'docs/less.html') diff --git a/docs/less.html b/docs/less.html index 8e3e8e655..72ce452ba 100644 --- a/docs/less.html +++ b/docs/less.html @@ -455,6 +455,11 @@ none Add to any parent to clear floats within + + .tab-focus() + none + Apply the Webkit focus style and round Firefox outline + .center-block() none -- cgit v1.2.3 From 23e076c1bb73c4950d473cb36218937b2607bc13 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 28 Jan 2012 15:09:23 -0800 Subject: add in a navbar button for toggling the nav items --- docs/less.html | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'docs/less.html') diff --git a/docs/less.html b/docs/less.html index 72ce452ba..165852a3f 100644 --- a/docs/less.html +++ b/docs/less.html @@ -33,6 +33,11 @@

+ Bootstrap

-- cgit v1.2.3 From b8a683d7f250a11d349a3e5de0d75ace9d67df0c Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sat, 28 Jan 2012 15:42:07 -0800 Subject: turn off brand hover for now + get nav toggling in mobile --- docs/less.html | 54 ++++++++++++++++++++++++++++-------------------------- 1 file changed, 28 insertions(+), 26 deletions(-) (limited to 'docs/less.html') diff --git a/docs/less.html b/docs/less.html index 165852a3f..497a9dfe3 100644 --- a/docs/less.html +++ b/docs/less.html @@ -26,42 +26,44 @@ - - + + -- cgit v1.2.3 From 15a1c0ce7988aaf715096760fa99eff7b23937f4 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 28 Jan 2012 23:58:39 -0800 Subject: add swatches to the color variables in less docs page --- docs/less.html | 202 +++++++++++++++++++++++++-------------------------------- 1 file changed, 90 insertions(+), 112 deletions(-) (limited to 'docs/less.html') diff --git a/docs/less.html b/docs/less.html index 497a9dfe3..5935c9125 100644 --- a/docs/less.html +++ b/docs/less.html @@ -134,168 +134,146 @@ ================================================== -->

Hyperlinks

- - - - - - - - - - - - - - - - - - - - -

Variable	Value	Usage
`@linkColor`	#08c	Default link text color
`@linkColorHover`	`darken(@linkColor, 15%)`	Default link text hover color

Grayscale colors

Hyperlinks

- + - - + + + + - + + + + + + + +

Variable	Value	`@linkColor`	#08c	Default link text color
`@linkColorHover`	`darken(@linkColor, 15%)`	Default link text hover color

Grid system

+ + + + + + + + + + + + + + + + + + + +

`@gridColumns`	12
`@gridColumnWidth`	60px
`@gridGutterWidth`	20px
`@siteWidth`	`(@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1))`

Typography

+ + + + + + + + + + + + + + + + +

`@baseFontSize`	13px
`@baseFontFamily`	`"Helvetica Neue", Helvetica, Arial, sans-serif`
`@baseLineHeight`	18px

Grayscale colors

+ - + + + + + + + +

`@black`	`@black`	#000
`@grayDarker`	#222
`@grayDark`	#333
`@gray`	#555
`@grayLight`	#999
`@grayLighter`	#eee
`@white`	#fff

Accent colors

- - - - - - - + + + + + + + - - -

Variable	Value
`@blue`	`@blue`	#049cdb
`@green`	#46a546
`@red`	#9d261d
`@yellow`	#ffc40d
`@orange`	#f89406
`@pink`	#c3325f
`@purple`	#7a43b6

Grid system

- - - - - - - - - - - - - - - - - - - - - - - - - -

Variable	Value
`@gridColumns`	12
`@gridColumnWidth`	60px
`@gridGutterWidth`	20px
`@siteWidth`	`(@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1))`

Typography

- - - - - - - - - - - - - - - - - - - - +

Variable	Value
`@baseFontSize`	13px
`@baseFontFamily`	`"Helvetica Neue", Helvetica, Arial, sans-serif`
`@baseLineHeight`	18px

@@ -311,6 +289,7 @@ @primaryButtonBackground @linkColor + @@ -320,6 +299,7 @@ @placeholderText @grayLight + @@ -329,26 +309,32 @@ @navbarHeight 40px + @navbarBackground @grayDarker + @navbarBackgroundHighlight @grayDark + @navbarText @grayLight + @navbarLinkColor @grayLight + @navbarLinkColorHover @white + @@ -360,50 +346,42 @@ @warningText #f3edd2 + @warningBackground #c09853 - - - @warningBorder - #f3edd2 + @errorText #b94a48 + @errorBackground #f2dede - - - @errorBorder - #e9c7c7 + @successText #468847 + @successBackground #dff0d8 - - - @successBorder - #cfe8c4 + @infoText #3a87ad + @infoBackground #d9edf7 - - - @infoBorder - #bfe1f2 + -- cgit v1.2.3 From 2696c6a4bd5eaea9de1d447da8f24da5cb3f74bd Mon Sep 17 00:00:00 2001 From: Chad Moran Date: Sun, 29 Jan 2012 13:20:39 -0800 Subject: Fixed @warningText and @warningBackground colors in docs --- docs/less.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'docs/less.html') diff --git a/docs/less.html b/docs/less.html index 5935c9125..18ccaea2e 100644 --- a/docs/less.html +++ b/docs/less.html @@ -345,13 +345,13 @@ @warningText - #f3edd2 - + #c09853 + @warningBackground - #c09853 - + #f3edd2 + @errorText -- cgit v1.2.3 From 9e7f5025b494927e9ffc88119b0b9426f7487a62 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 29 Jan 2012 14:07:14 -0800 Subject: update collapsible nav in navbar --- docs/less.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/less.html') diff --git a/docs/less.html b/docs/less.html index 5935c9125..76794dbe4 100644 --- a/docs/less.html +++ b/docs/less.html @@ -39,7 +39,7 @@ Bootstrap -

Overview -- cgit v1.2.3 From 702d3b6dfe7a150deb090f70d7d9c2a2964a3eb2 Mon Sep 17 00:00:00 2001 From: Mark Otto
Date: Sun, 29 Jan 2012 16:35:55 -0800 Subject: fix broken navbar collapse --- docs/less.html | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) (limited to 'docs/less.html') diff --git a/docs/less.html b/docs/less.html index 4499c78df..5935c9125 100644 --- a/docs/less.html +++ b/docs/less.html @@ -39,7 +39,7 @@ Bootstrap -
+
- Overview @@ -345,13 +345,13 @@ @warningText - #c09853 - + #f3edd2 + @warningBackground - #f3edd2 - + #c09853 + @errorText -- cgit v1.2.3 From ae7f94eeff733584cbdc80a2d13a85f136a7744e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 30 Jan 2012 00:39:44 -0800 Subject: overhaul grid mixins and variables, standardize fluid grid system and enable it across responsive layouts --- docs/less.html | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'docs/less.html') diff --git a/docs/less.html b/docs/less.html index 5935c9125..1242b66a1 100644 --- a/docs/less.html +++ b/docs/less.html @@ -62,6 +62,10 @@
- Customize
- + Examples +
-- cgit v1.2.3 From 8f448610a944efd134170f44e305ec6710bcff1a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 30 Jan 2012 01:09:34 -0800 Subject: rename vertical-divider to divider-vertical, add more space around the divider --- docs/less.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/less.html') diff --git a/docs/less.html b/docs/less.html index 1242b66a1..90133b0f8 100644 --- a/docs/less.html +++ b/docs/less.html @@ -59,10 +59,10 @@
Using LESS
Customize
Examples

Date: Mon, 30 Jan 2012 01:34:59 -0800 Subject: update vars in less and download pages --- docs/less.html | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) (limited to 'docs/less.html') diff --git a/docs/less.html b/docs/less.html index 90133b0f8..996ad31b9 100644 --- a/docs/less.html +++ b/docs/less.html @@ -176,8 +176,12 @@ 20px - @siteWidth - (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1)) + @fluidGridColumnWidth + 6.382978723% + + + @fluidGridGutterWidth + 2.127659574% -- cgit v1.2.3 From b7713b83fa25f4b28869fe846b04baac00ca781b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 31 Jan 2012 00:11:19 -0800 Subject: chance icon class --- docs/less.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'docs/less.html') diff --git a/docs/less.html b/docs/less.html index 996ad31b9..0bc7a71ac 100644 --- a/docs/less.html +++ b/docs/less.html @@ -34,9 +34,9 @@

`@black`	#000	Black
`@grayDark`	`lighten(@black, 25%)`	Dark gray
`@gray`	`lighten(@black, 50%)`	Medium gray
`@grayLight`	`lighten(@black, 75%)`	Light gray
`@grayLighter`	`lighten(@black, 90%)`	Lighter gray
`@white`	#fff	White

Using Bootstrap with Less Supercharge your CSS with variables, mixins, and functions

How to use it

What’s included

Variables

Commenting

Mixins up the wazoo

Font stacks

Gradients

Operations

Compiling Less

Ways to compile

Compiling Less

Ways to compile

Built with LESS

Why LESS?

What's included?

Learn more

Variables

Mixins

Operations

Variables

Mixins

Operations

Compiling LESS and Bootstrap

Variables

Variables from variables.less

Hyperlinks

Grayscale colors

Accent colors

Grid system

Typography

Visuals

Mixins

Mixins from mixins.less

Why LESS?

What's included?

Learn more

Variables from variables.less

Hyperlinks

Grayscale colors

Accent colors

Grid system

Typography

Compiling Less

Ways to compile

Hyperlinks

Grayscale colors

Accent colors

Grid system

Typography

Visuals

Compiling Less

Ways to compile

Hyperlinks

Grayscale colors

Accent colors

Grid system

Typography

Visuals

Compiling Less

Ways to compile

Why LESS?

What's included?

Built with LESS

Why LESS?

What's included?

Learn more

Variables

Built with LESS

Mixins

Why LESS?

What's included?

Learn more

Operations

Variables

Mixins

Operations

Variables from variables.less

Hyperlinks

Grayscale colors