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

Write Preview
Loading…
Cancel
Save