diff options
author | connors <connor.sears@github.com> | 2014-02-25 06:38:52 +0400 |
---|---|---|
committer | connors <connor.sears@github.com> | 2014-02-25 06:38:52 +0400 |
commit | 9ceabf47ac418f2b978f95d38cbde15d83002552 (patch) | |
tree | 3a48828524e637fb2591057e20a94d000b58eac2 | |
parent | 278c2d7a52a359bf2efa8c630733f9ae4abfbf97 (diff) |
adding outlined buttons
-rw-r--r-- | docs/components.html | 44 |
1 files changed, 43 insertions, 1 deletions
diff --git a/docs/components.html b/docs/components.html index 5d6158a..40bad7d 100644 --- a/docs/components.html +++ b/docs/components.html @@ -749,6 +749,11 @@ title: Components · Ratchet <a class="btn btn-positive">Button</a> <a class="btn btn-negative">Button</a> <a class="btn btn-link">Button</a> + + <a class="btn btn-outlined">Button</a> + <a class="btn btn-primary btn-outlined">Button</a> + <a class="btn btn-positive btn-outlined">Button</a> + <a class="btn btn-negative btn-outlined">Button</a> </div> {% highlight html %} @@ -757,7 +762,44 @@ title: Components · Ratchet <a class="btn btn-positive">Button</a> <a class="btn btn-negative">Button</a> <a class="btn btn-link">Button</a> - + +<a class="btn btn-outlined">Button</a> +<a class="btn btn-primary btn-outlined">Button</a> +<a class="btn btn-positive btn-outlined">Button</a> +<a class="btn btn-negative btn-outlined">Button</a> +{% endhighlight %} + + </article> + + <!-- Buttons --> + <article class="component" id="buttons"> + <h3 class="component-title">Buttons with icons</h3> + <p class="component-description">Ratchicons work inside buttons too.</p> + + <div class="component-example"> + <a class="btn"> + <span class="icon icon-search"></span> + Button + </a> + <a class="btn btn-primary"> + <span class="icon icon-search"></span> + Button + </a> + <a class="btn btn-positive"> + <span class="icon icon-search"></span> + Button + </a> + <a class="btn btn-negative"> + <span class="icon icon-search"></span> + Button + </a> + <a class="btn btn-link"> + <span class="icon icon-left"></span> + Button + </a> + </div> + +{% highlight html %} <a class="btn"> <span class="icon icon-search"></span> Button |