Skip to content

Instantly share code, notes, and snippets.

<div class="container">
<div class="row">
<div class="one column">One</div>
<div class="eleven columns">Eleven</div>
</div>
<div class="row">
<div class="two columns">Two</div>
<div class="ten columns">Ten</div>
</div>
@dhg
dhg / gist:3916190
Created October 19, 2012 04:13
Linked list
<ul class="list">
<li>
<a>List item 1</a>
</li>
<li>
<a>List item 2</a>
</li>
<li>
<a>List item 3</a>
</li>
@dhg
dhg / gist:3605933
Created September 3, 2012 00:43
Toggle
<div class="toggle">
<div class="toggle-handle"></div>
</div>
@dhg
dhg / gist:3605923
Created September 3, 2012 00:41
Counts
<span class="count">1</span>
<span class="count-main">2</span>
<span class="count-positive">3</span>
<span class="count-negative">4</span>
@dhg
dhg / gist:3605915
Created September 3, 2012 00:38
Segmented controller
<ul class="segmented-controller">
<li class="active">Thing one</li>
<li>Thing two</li>
<li>Thing three</li>
</ul>
@dhg
dhg / gist:3605904
Created September 3, 2012 00:32
Inset and bordered list
<ul class="list inset">
<li>List item 1</li>
<li>List item 2</li>
<li class="list-divider">List Divider</li>
<li>List item 3</li>
<li>List item 4</li>
</ul>
@dhg
dhg / gist:3605895
Created September 3, 2012 00:29
List with toggles
<ul class="list">
<li>
List item 1
<div class="toggle">
<div class="toggle-handle"></div>
</div>
</li>
<li>
List item 2
<div class="toggle">
@dhg
dhg / gist:3605892
Created September 3, 2012 00:26
List with buttons
<ul class="list">
<li>List item 1 <a class="button">Button</a></li>
<li>List item 2 <a class="button-main">Button</a></li>
<li>List item 3 <a class="button-positive">Button</a></li>
<li>List item 4 <a class="button-negative">Button</a></li>
</ul>
@dhg
dhg / gist:3605877
Created September 3, 2012 00:24
List with chevrons and counts
<ul class="list">
<li>
List item 1
<span class="chevron"></span>
<span class="count">4</span>
</li>
<li>
List item 2
<span class="chevron"></span>
<span class="count">1</span>