playground
/
ratchet
mirror of https://github.com/twbs/ratchet.git
1
0
Fork 0
Code Issues Releases Activity
Browse Source

Updating the docs to reflect change to badges.

pull/231/head
connors 11 years ago
parent
80e63f4bac
commit
bda7a865da
2 changed files with 50 additions and 50 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      _includes/nav.html
  2. 98
      index.html

2
_includes/nav.html
Unescape View File

@ -9,7 +9,7 @@
<li><a href="#table-views">Table views</a></li>
<li><a href="#buttons">Buttons</a></li>
<li><a href="#segmentedControllers">Segmented controllers</a></li>
<li><a href="#counts">Counts</a></li>
<li><a href="#badges">Badges</a></li>
<li><a href="#forms">Forms</a></li>
<li><a href="#toggles">Toggles</a></li>
<li><a href="#popovers">Popovers</a></li>

98
index.html
Unescape View File

@ -402,28 +402,28 @@ layout: default
</article>
<article class="component">
<h3 class="component-title">Table view with counts</h3>
<h3 class="component-title">Table view with badges</h3>
<div class="component-example component-example-fullbleed">
<ul class="table-view">
<li>Item 1 <span class="count">4</span></li>
<li>Item 2 <span class="count">1</span></li>
<li>Item 3 <span class="count">5</span></li>
<li>Item 1 <span class="badge">4</span></li>
<li>Item 2 <span class="badge">1</span></li>
<li>Item 3 <span class="badge">5</span></li>
</ul>
</div>
{% highlight html %}
<ul class="table-view">
<li>Item 1 <span class="count">4</span></li>
<li>Item 2 <span class="count">1</span></li>
<li>Item 3 <span class="count">5</span></li>
<li>Item 1 <span class="badge">4</span></li>
<li>Item 2 <span class="badge">1</span></li>
<li>Item 3 <span class="badge">5</span></li>
</ul>
{% endhighlight %}
</article>
<article class="component">
<h3 class="component-title">Table view with counts and chevrons</h3>
<h3 class="component-title">Table view with badges and chevrons</h3>
<div class="component-example component-example-fullbleed">
<ul class="table-view">
@ -431,21 +431,21 @@ layout: default
<a>
Item 1
<span class="chevron"></span>
<span class="count">4</span>
<span class="badge">4</span>
</a>
</li>
<li>
<a>
Item 2
<span class="chevron"></span>
<span class="count">1</span>
<span class="badge">1</span>
</a>
</li>
<li>
<a>
Item 3
<span class="chevron"></span>
<span class="count">5</span>
<span class="badge">5</span>
</a>
</li>
</ul>
@ -457,21 +457,21 @@ layout: default
<a>
Item 1
<span class="chevron"></span>
<span class="count">4</span>
<span class="badge">4</span>
</a>
</li>
<li>
<a>
Item 2
<span class="chevron"></span>
<span class="count">1</span>
<span class="badge">1</span>
</a>
</li>
<li>
<a>
Item 3
<span class="chevron"></span>
<span class="count">5</span>
<span class="badge">5</span>
</a>
</li>
</ul>
@ -600,25 +600,25 @@ layout: default
</article>
<article class="component" id="buttonsCounts">
<h3 class="component-title">Buttons with counts</h3>
<h3 class="component-title">Buttons with badges</h3>
<div class="component-example">
<a class="button">Count button<span class="count count-filled">1</span></a>
<a class="button-primary">Count button<span class="count-primary count-filled">1</span></a>
<a class="button-positive">Count button<span class="count-positive count-filled">1</span></a>
<a class="button-negative">Count button<span class="count-negative count-filled">1</span></a>
<a class="button">Badge button<span class="badge badge-filled">1</span></a>
<a class="button-primary">Badge button<span class="badge-primary badge-filled">1</span></a>
<a class="button-positive">Badge button<span class="badge-positive badge-filled">1</span></a>
<a class="button-negative">Badge button<span class="badge-negative badge-filled">1</span></a>
</div>
{% highlight html %}
<a class="button">Count button<span class="count count-filled">1</span></a>
<a class="button-primary">Count button<span class="count-primary count-filled">1</span></a>
<a class="button-positive">Count button<span class="count-positive count-filled">1</span></a>
<a class="button-negative">Count button<span class="count-negative count-filled">1</span></a>
<a class="button-filled">Count button<span class="count count-filled">1</span></a>
<a class="button-filled button-primary">Count button<span class="count-primary count-filled">1</span></a>
<a class="button-filled button-positive">Count button<span class="count-positive count-filled">1</span></a>
<a class="button-filled button-negative">Count button<span class="count-negative count-filled">1</span></a>
<a class="button">Badge button<span class="badge badge-filled">1</span></a>
<a class="button-primary">Badge button<span class="badge-primary badge-filled">1</span></a>
<a class="button-positive">Badge button<span class="badge-positive badge-filled">1</span></a>
<a class="button-negative">Badge button<span class="badge-negative badge-filled">1</span></a>
<a class="button-filled">Badge button<span class="badge badge-filled">1</span></a>
<a class="button-filled button-primary">Badge button<span class="badge-primary badge-filled">1</span></a>
<a class="button-filled button-positive">Badge button<span class="badge-positive badge-filled">1</span></a>
<a class="button-filled button-negative">Badge button<span class="badge-negative badge-filled">1</span></a>
{% endhighlight %}
</article>
@ -709,33 +709,33 @@ layout: default
</article>
<!-- Counts -->
<article class="component" id="counts">
<h3 class="component-title">Counts</h3>
<p class="component-description">Counts come in four flavors and should be used to indicate "how many" of something there are.</p>
<!-- Badges -->
<article class="component" id="badges">
<h3 class="component-title">Badges</h3>
<p class="component-description">Badges come in four flavors and should be used to indicate "how many" of something there are.</p>
<div class="component-example">
<span class="count">1</span>
<span class="count-primary">2</span>
<span class="count-positive">3</span>
<span class="count-negative">4</span>
<span class="count count-filled">1</span>
<span class="count-primary count-filled">2</span>
<span class="count-positive count-filled">3</span>
<span class="count-negative count-filled">4</span>
<span class="badge">1</span>
<span class="badge-primary">2</span>
<span class="badge-positive">3</span>
<span class="badge-negative">4</span>
<span class="badge badge-filled">1</span>
<span class="badge-primary badge-filled">2</span>
<span class="badge-positive badge-filled">3</span>
<span class="badge-negative badge-filled">4</span>
</div>
{% highlight html %}
<span class="count">1</span>
<span class="count-primary">2</span>
<span class="count-positive">3</span>
<span class="count-negative">4</span>
<span class="count count-filled">1</span>
<span class="count-primary count-filled">2</span>
<span class="count-positive count-filled">3</span>
<span class="count-negative count-filled">4</span>
<span class="badge">1</span>
<span class="badge-primary">2</span>
<span class="badge-positive">3</span>
<span class="badge-negative">4</span>
<span class="badge badge-filled">1</span>
<span class="badge-primary badge-filled">2</span>
<span class="badge-positive badge-filled">3</span>
<span class="badge-negative badge-filled">4</span>
{% endhighlight %}

Write Preview
Loading…
Cancel
Save