|
|
|
@ -70,15 +70,15 @@
|
|
|
|
|
Filter |
|
|
|
|
</a> |
|
|
|
|
</header> |
|
|
|
|
<ul class="list"> |
|
|
|
|
<ul class="table-view"> |
|
|
|
|
<li>Item1</li> |
|
|
|
|
<li>Item2</li> |
|
|
|
|
<li>Item3</li> |
|
|
|
|
<li class="list-divider">With counts</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="list-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>Item2 <span class="chevron"></span></li> |
|
|
|
|
<li>Item3 <span class="chevron"></span></li> |
|
|
|
@ -352,28 +352,28 @@
|
|
|
|
|
<span class="count">5</span> |
|
|
|
|
|
|
|
|
|
<!-- LIST ============================================================ --> |
|
|
|
|
<ul class="list"> |
|
|
|
|
<ul class="table-view"> |
|
|
|
|
<li>Item1</li> |
|
|
|
|
<li>Item2</li> |
|
|
|
|
<li>Item3</li> |
|
|
|
|
<li class="list-divider">With counts</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="list-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>Item2 <span class="chevron"></span></li> |
|
|
|
|
<li>Item3 <span class="chevron"></span></li> |
|
|
|
|
<li class="list-divider">With chevrons & counts</li> |
|
|
|
|
<li class="table-view-divider">With chevrons & counts</li> |
|
|
|
|
<li>Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 <span class="chevron"></span><span class="count-main">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="list-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>Item2 <a class="button-main">Button</a></li> |
|
|
|
|
<li>Item3 <a class="button-positive">Button</a></li> |
|
|
|
|
<li>Item4 <a class="button-negative">Button</a></li> |
|
|
|
|
<li class="list-divider">With a toggle</li> |
|
|
|
|
<li class="table-view-divider">With a toggle</li> |
|
|
|
|
<li> |
|
|
|
|
Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 |
|
|
|
|
<div class="toggle"> |
|
|
|
@ -396,29 +396,29 @@
|
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
|
|
|
|
|
<ul class="list inset"> |
|
|
|
|
<li class="list-divider">Normal</li> |
|
|
|
|
<ul class="table-view inset"> |
|
|
|
|
<li class="table-view-divider">Normal</li> |
|
|
|
|
<li>Item1</li> |
|
|
|
|
<li>Item2</li> |
|
|
|
|
<li>Item3</li> |
|
|
|
|
<li class="list-divider">With counts</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="list-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>Item2 <span class="chevron"></span></li> |
|
|
|
|
<li>Item3 <span class="chevron"></span></li> |
|
|
|
|
<li class="list-divider">With chevrons & counts</li> |
|
|
|
|
<li class="table-view-divider">With chevrons & 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="list-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>Item2 <a class="button-main">Button</a></li> |
|
|
|
|
<li>Item3 <a class="button-positive">Button</a></li> |
|
|
|
|
<li>Item4 <a class="button-negative">Button</a></li> |
|
|
|
|
<li class="list-divider">With a toggle</li> |
|
|
|
|
<li class="table-view-divider">With a toggle</li> |
|
|
|
|
<li> |
|
|
|
|
Item1 <br> Item1.2 <br> Item1.3 <br> Item1.4 |
|
|
|
|
<div class="toggle"> |
|
|
|
@ -437,11 +437,11 @@
|
|
|
|
|
<div class="toggle-handle"></div> |
|
|
|
|
</div> |
|
|
|
|
</li> |
|
|
|
|
<li class="list-divider">Bottom list-divider test</li> |
|
|
|
|
<li class="table-view-divider">Bottom table-view-divider test</li> |
|
|
|
|
</ul> |
|
|
|
|
|
|
|
|
|
<!-- List with <a>'s --> |
|
|
|
|
<ul class="inset list"> |
|
|
|
|
<ul class="inset table-view"> |
|
|
|
|
<li> |
|
|
|
|
<a href="#">Item1</a> |
|
|
|
|
</li> |
|
|
|
|