From 3d7f8916d0f4e8dc4db1ff300dd416cef53ce40f Mon Sep 17 00:00:00 2001
From: Arnold Daniels <arnold@adaniels.nl>
Date: Tue, 17 Jul 2012 00:04:58 +0200
Subject: [PATCH] Docs for action links Added jasny/action-links.less to
 jasny/bootstrap.less

---
 docs/templates/pages/base-css.mustache | 86 ++++++++++++++++++++++++++
 docs/templates/pages/index.mustache    |  7 +++
 less/jasny/bootstrap.less              |  2 +
 3 files changed, 95 insertions(+)

diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index 065216f6..757e3f00 100644
--- a/docs/templates/pages/base-css.mustache
+++ b/docs/templates/pages/base-css.mustache
@@ -21,6 +21,7 @@
           <li><a href="#tables"><i class="icon-chevron-right"></i> {{_i}}Tables{{/i}}</a></li>
           <li><a href="#forms"><i class="icon-chevron-right"></i> {{_i}}Forms{{/i}}</a></li>
           <li><a href="#buttons"><i class="icon-chevron-right"></i> {{_i}}Buttons{{/i}}</a></li>
+          <li><a href="#action-links"><i class="icon-chevron-right"></i> {{_i}}Action links{{/i}}</a></li>
           <li><a href="#images"><i class="icon-chevron-right"></i> {{_i}}Images{{/i}}</a></li>
           <li><a href="#icons"><i class="icon-chevron-right"></i> {{_i}}Icons by Glyphicons{{/i}}</a></li>
         </ul>
@@ -1602,6 +1603,91 @@
 
         </section>
 
+        <!-- Action links
+        ================================================== -->
+        <section id="action-links">
+          <div class="page-header">
+            <h1>{{_i}}Action links{{/i}}</h1>
+          </div>
+
+          <h2>{{_i}}Alternative style for actions{{/i}}</h2>
+          <p>{{_i}}Sometimes a button will pull to much attention to an action. In those cases, you can use action links instead.{{/i}}</p>
+          <p>{{_i}}Action links can be used just like buttons, simply use <code>.act</code> instead.{{/i}}</p>
+          <table class="table table-bordered table-striped">
+            <thead>
+              <tr>
+                <th>{{_i}}Action link{{/i}}</th>
+                <th>{{_i}}Class{{/i}}</th>
+                <th>{{_i}}Description{{/i}}</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <td><a class="act" href="#">{{_i}}Default{{/i}}</a></td>
+                <td><code>.act</code></td>
+                <td>{{_i}}Standard gray text{{/i}}</td>
+              </tr>
+              <tr>
+                <td><a class="act act-primary" href="#">{{_i}}Primary{{/i}}</a></td>
+                <td><code>.act-primary</code></td>
+                <td>{{_i}}Provides extra visual weight{{/i}}</td>
+              </tr>
+              <tr>
+                <td><a class="act act-info" href="#">{{_i}}Info{{/i}}</a></td>
+                <td><code>.act-info</code></td>
+                <td>{{_i}}Used as an alternate to the default styles{{/i}}</td>
+              </tr>
+              <tr>
+                <td><a class="act act-success" href="#">{{_i}}Success{{/i}}</a></td>
+                <td><code>.act-success</code></td>
+                <td>{{_i}}Indicates a successful or positive action{{/i}}</td>
+              </tr>
+              <tr>
+                <td><a class="act act-warning" href="#">{{_i}}Warning{{/i}}</a></td>
+                <td><code>.act-warning</code></td>
+                <td>{{_i}}Indicates caution should be taken with this action{{/i}}</td>
+              </tr>
+              <tr>
+                <td><a class="act act-danger" href="#">{{_i}}Danger{{/i}}</a></td>
+                <td><code>.act-danger</code></td>
+                <td>{{_i}}Indicates a dangerous or potentially negative action{{/i}}</td>
+              </tr>
+            </tbody>
+          </table>
+
+          <div class="bs-docs-example">
+            <div class="form-actions">
+              <button class="btn btn-primary" type="submit">Save changes</button>
+              <button class="btn" type="reset">Cancel</button>
+              <a href="#" class="act act-danger pull-right">Delete account</a>
+            </div>
+          </div>
+<pre class="prettyprint linenums">
+&lt;div class="form-actions"&gt;
+  &lt;button class="btn btn-primary" type="submit"&gt;Save changes&lt;/button&gt;
+  &lt;button class="btn" type="reset"&gt;Cancel&lt;/button&gt;
+  &lt;a href="#" class="act act-danger pull-right"&gt;Delete account&lt;/a&gt;
+&lt;/div&gt;
+</pre>
+
+          <h2>{{_i}}Disabled state{{/i}}</h2>
+          <p>{{_i}}For disabled action links, use <code>.disabled</code> for links and the <code>disabled</code> attribute for <code>&lt;button&gt;</code> elements.{{/i}}</p>
+          <div class="bs-docs-example">
+            <div class="form-actions">
+              <button class="btn btn-primary" type="submit">Save changes</button>
+              <button class="btn" type="reset">Cancel</button>
+              <button class="act pull-right" disabled="disabled">Disabled action</button>
+            </div>
+          </div>
+<pre class="prettyprint linenums">
+&lt;div class="form-actions"&gt;
+  &lt;button class="btn btn-primary" type="submit"&gt;Save changes&lt;/button&gt;
+  &lt;button class="btn" type="reset"&gt;Cancel&lt;/button&gt;
+  &lt;button class="act act-danger pull-right" disabled="disabled"&gt;Disabled action&lt;/button&gt;
+&lt;/div&gt;
+</pre>
+        </section>
+
 
 
         <!-- Images
diff --git a/docs/templates/pages/index.mustache b/docs/templates/pages/index.mustache
index 44e24b64..0a8a56e4 100644
--- a/docs/templates/pages/index.mustache
+++ b/docs/templates/pages/index.mustache
@@ -42,6 +42,13 @@
   <div class="changes">
     <h1>{{_i}}What's different?{{/i}}</h1>
     <p class="marketing-byline">{{_i}}How can a fantastic library become any better? Check it out.{{/i}}</p>
+    <div class="row">
+      <div class="span3">
+        <h3><a href="./base-css.html#action-links">{{_i}}Action links{{/i}}</a></h3>
+        <p>{{_i}}Sometimes a button will pull to much attention to an action. In those cases, you can use action links instead.{{/i}}</p>
+        <p>{{_i}}Action links look distinctly different than normal links.{{/i}}</p>
+      </div>
+    </div>
     <div class="row">
       <div class="span3">
         <h3><a href="./base-css.html#forms">{{_i}}Form elements{{/i}}</a></h3>
diff --git a/less/jasny/bootstrap.less b/less/jasny/bootstrap.less
index f254c026..132ec3c2 100644
--- a/less/jasny/bootstrap.less
+++ b/less/jasny/bootstrap.less
@@ -17,6 +17,8 @@
 @import "forms-uneditable.less";
 @import "forms-editor.less";
 
+// Components: Buttons & Alerts
+@import "action-links.less";
 
 // Components: Nav
 @import "navs-tabbable.less";