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

Updating the component pages.

pull/231/head
connors 11 years ago
parent
2bca1eb8ad
commit
c3431cf2a8
2 changed files with 72 additions and 72 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. 72
      examples/components/classic/index.html
  2. 72
      examples/components/default/index.html

72
examples/components/classic/index.html
Unescape View File

@ -49,10 +49,10 @@
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li class="table-view-divider">With counts</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="count">1</span></li>
<li>Item2 <span class="count">1</span></li>
<li>Item3 <span class="count">1</span></li>
<li class="table-view-divider">With badges</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="badge">1</span></li>
<li>Item2 <span class="badge">1</span></li>
<li>Item3 <span class="badge">1</span></li>
<li class="table-view-divider">With chevrons</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span></li>
<li>Item2 <span class="chevron"></span></li>
@ -330,11 +330,11 @@
<a class="button-positive">Button</a>
<a class="button-negative">Button</a>
<!-- Buttons w/ counts -->
<a class="button">Button <span class="count">1</span></a>
<a class="button-primary">Button <span class="count">1</span></a>
<a class="button-positive">Button <span class="count">1</span></a>
<a class="button-negative">Button <span class="count">1</span></a>
<!-- Buttons w/ badges -->
<a class="button">Button <span class="badge">1</span></a>
<a class="button-primary">Button <span class="badge">1</span></a>
<a class="button-positive">Button <span class="badge">1</span></a>
<a class="button-negative">Button <span class="badge">1</span></a>
<!-- Buttons at block level -->
<a class="button-block">Block level button</a>
@ -342,41 +342,41 @@
<a class="button-positive button-block">Block level button</a>
<a class="button-negative button-block">Block level button</a>
<!-- Buttons at block level w/ counts -->
<a class="button-block">Block level button <span class="count">1</span></a>
<a class="button-primary button-block">Block level button <span class="count">1</span></a>
<a class="button-positive button-block">Block level button <span class="count">1</span></a>
<a class="button-negative button-block">Block level button <span class="count">1</span></a>
<!-- Buttons at block level w/ badges -->
<a class="button-block">Block level button <span class="badge">1</span></a>
<a class="button-primary button-block">Block level button <span class="badge">1</span></a>
<a class="button-positive button-block">Block level button <span class="badge">1</span></a>
<a class="button-negative button-block">Block level button <span class="badge">1</span></a>
<!-- TOGGLE ============================================================ -->
<div class="toggle">
<div class="toggle-handle"></div>
</div>
<!-- COUNTS ============================================================ -->
<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">5</span>
<!-- BADGES ============================================================ -->
<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">5</span>
<!-- LIST ============================================================ -->
<ul class="table-view">
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li class="table-view-divider">With counts</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="count">1</span></li>
<li>Item2 <span class="count">1</span></li>
<li>Item3 <span class="count">1</span></li>
<li class="table-view-divider">With badges</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="badge">1</span></li>
<li>Item2 <span class="badge">1</span></li>
<li>Item3 <span class="badge">1</span></li>
<li class="table-view-divider">With chevrons</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span></li>
<li>Item2 <span class="chevron"></span></li>
<li>Item3 <span class="chevron"></span></li>
<li class="table-view-divider">With chevrons &amp; counts</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span><span class="count-primary">1</span></li>
<li>Item2 <span class="chevron"></span><span class="count-negative">1</span></li>
<li>Item3 <span class="chevron"></span><span class="count-positive">1</span></li>
<li class="table-view-divider">With chevrons &amp; badges</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span><span class="badge-primary">1</span></li>
<li>Item2 <span class="chevron"></span><span class="badge-negative">1</span></li>
<li>Item3 <span class="chevron"></span><span class="badge-positive">1</span></li>
<li class="table-view-divider">With buttons</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <a class="button">Button</a></li>
<li>Item2 <a class="button-primary">Button</a></li>
@ -410,18 +410,18 @@
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li class="table-view-divider">With counts</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="count">1</span></li>
<li>Item2 <span class="count">1</span></li>
<li>Item3 <span class="count">1</span></li>
<li class="table-view-divider">With badges</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="badge">1</span></li>
<li>Item2 <span class="badge">1</span></li>
<li>Item3 <span class="badge">1</span></li>
<li class="table-view-divider">With chevrons</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span></li>
<li>Item2 <span class="chevron"></span></li>
<li>Item3 <span class="chevron"></span></li>
<li class="table-view-divider">With chevrons &amp; counts</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span><span class="count">1</span></li>
<li>Item2 <span class="chevron"></span><span class="count">1</span></li>
<li>Item3 <span class="chevron"></span><span class="count">1</span></li>
<li class="table-view-divider">With chevrons &amp; badges</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span><span class="badge">1</span></li>
<li>Item2 <span class="chevron"></span><span class="badge">1</span></li>
<li>Item3 <span class="chevron"></span><span class="badge">1</span></li>
<li class="table-view-divider">With buttons</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <a class="button">Button</a></li>
<li>Item2 <a class="button-primary">Button</a></li>

72
examples/components/default/index.html
Unescape View File

@ -49,10 +49,10 @@
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li class="table-view-divider">With counts</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="count">1</span></li>
<li>Item2 <span class="count">1</span></li>
<li>Item3 <span class="count">1</span></li>
<li class="table-view-divider">With badges</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="badge">1</span></li>
<li>Item2 <span class="badge">1</span></li>
<li>Item3 <span class="badge">1</span></li>
<li class="table-view-divider">With chevrons</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span></li>
<li>Item2 <span class="chevron"></span></li>
@ -330,11 +330,11 @@
<a class="button-positive">Button</a>
<a class="button-negative">Button</a>
<!-- Buttons w/ counts -->
<a class="button">Button <span class="count">1</span></a>
<a class="button-primary">Button <span class="count">1</span></a>
<a class="button-positive">Button <span class="count">1</span></a>
<a class="button-negative">Button <span class="count">1</span></a>
<!-- Buttons w/ badges -->
<a class="button">Button <span class="badge">1</span></a>
<a class="button-primary">Button <span class="badge">1</span></a>
<a class="button-positive">Button <span class="badge">1</span></a>
<a class="button-negative">Button <span class="badge">1</span></a>
<!-- Buttons at block level -->
<a class="button-block">Block level button</a>
@ -342,41 +342,41 @@
<a class="button-positive button-block">Block level button</a>
<a class="button-negative button-block">Block level button</a>
<!-- Buttons at block level w/ counts -->
<a class="button-block">Block level button <span class="count">1</span></a>
<a class="button-primary button-block">Block level button <span class="count">1</span></a>
<a class="button-positive button-block">Block level button <span class="count">1</span></a>
<a class="button-negative button-block">Block level button <span class="count">1</span></a>
<!-- Buttons at block level w/ badges -->
<a class="button-block">Block level button <span class="badge">1</span></a>
<a class="button-primary button-block">Block level button <span class="badge">1</span></a>
<a class="button-positive button-block">Block level button <span class="badge">1</span></a>
<a class="button-negative button-block">Block level button <span class="badge">1</span></a>
<!-- TOGGLE ============================================================ -->
<div class="toggle">
<div class="toggle-handle"></div>
</div>
<!-- COUNTS ============================================================ -->
<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">5</span>
<!-- BADGES ============================================================ -->
<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">5</span>
<!-- LIST ============================================================ -->
<ul class="table-view">
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li class="table-view-divider">With counts</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="count">1</span></li>
<li>Item2 <span class="count">1</span></li>
<li>Item3 <span class="count">1</span></li>
<li class="table-view-divider">With badges</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="badge">1</span></li>
<li>Item2 <span class="badge">1</span></li>
<li>Item3 <span class="badge">1</span></li>
<li class="table-view-divider">With chevrons</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span></li>
<li>Item2 <span class="chevron"></span></li>
<li>Item3 <span class="chevron"></span></li>
<li class="table-view-divider">With chevrons &amp; counts</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span><span class="count-primary">1</span></li>
<li>Item2 <span class="chevron"></span><span class="count-negative">1</span></li>
<li>Item3 <span class="chevron"></span><span class="count-positive">1</span></li>
<li class="table-view-divider">With chevrons &amp; badges</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span><span class="badge-primary">1</span></li>
<li>Item2 <span class="chevron"></span><span class="badge-negative">1</span></li>
<li>Item3 <span class="chevron"></span><span class="badge-positive">1</span></li>
<li class="table-view-divider">With buttons</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <a class="button">Button</a></li>
<li>Item2 <a class="button-primary">Button</a></li>
@ -410,18 +410,18 @@
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li class="table-view-divider">With counts</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="count">1</span></li>
<li>Item2 <span class="count">1</span></li>
<li>Item3 <span class="count">1</span></li>
<li class="table-view-divider">With badges</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="badge">1</span></li>
<li>Item2 <span class="badge">1</span></li>
<li>Item3 <span class="badge">1</span></li>
<li class="table-view-divider">With chevrons</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span></li>
<li>Item2 <span class="chevron"></span></li>
<li>Item3 <span class="chevron"></span></li>
<li class="table-view-divider">With chevrons &amp; counts</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span><span class="count">1</span></li>
<li>Item2 <span class="chevron"></span><span class="count">1</span></li>
<li>Item3 <span class="chevron"></span><span class="count">1</span></li>
<li class="table-view-divider">With chevrons &amp; badges</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span><span class="badge">1</span></li>
<li>Item2 <span class="chevron"></span><span class="badge">1</span></li>
<li>Item3 <span class="chevron"></span><span class="badge">1</span></li>
<li class="table-view-divider">With buttons</li>
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <a class="button">Button</a></li>
<li>Item2 <a class="button-primary">Button</a></li>

Write Preview
Loading…
Cancel
Save