Skip to content
This repository has been archived by the owner on Sep 10, 2019. It is now read-only.

Commit

Permalink
Clean up docs pages for action sheets, labels/badges, and utility cla…
Browse files Browse the repository at this point in the history
…sses
  • Loading branch information
gakimball committed Mar 17, 2015
1 parent 67c8b68 commit dc567b5
Show file tree
Hide file tree
Showing 3 changed files with 14 additions and 20 deletions.
30 changes: 12 additions & 18 deletions docs/templates/action-sheet.html
Original file line number Diff line number Diff line change
Expand Up @@ -81,32 +81,26 @@ <h3>Additional Options</h3>
</zf-action-sheet>
<hr>

<h3>Custom Anchor</h3>
<p>To use an entirely different element entirely to control the action sheet, use the following mark up. Make sure that the ID for the action sheet and the toggle match up. The zf-as-button element is optional here, since you're using another element to trigger the action sheet.</p>
<h3>External Triggers</h3>
<p>To use an entirely different element entirely to control the action sheet, use the following markup. Make sure that the ID for the action sheet and the toggle match up. The zf-as-button element is optional here, since you're using another element to trigger the action sheet.</p>

<hljs>
<a href="#" zf-hard-toggle="separate-actionsheet">TOGGLE</a>
<a href="#" zf-hide="separate-actionsheet">HIDE</a>
<a href="#" zf-hard-toggle="separate-actionsheet">Toggle</a>
<a href="#" zf-hide="separate-actionsheet">Hide</a>
<zf-action-sheet id="separate-actionsheet">
<zf-as-content position="top">
<p>Message for you, sir!</p>
</zf-as-content>
</zf-action-sheet>
</hljs>
<div class="grid-block">
<div class="grid-content text-center" style="overflow: visible;">
<button class="button as-demo" zf-hard-toggle="separate-actionsheet">TOGGLE</button>
<button class="button as-demo" zf-hide="separate-actionsheet">HIDE</button>
</div>
<div class="grid-content text-center" style="overflow: visible;">
<zf-action-sheet id="separate-actionsheet">
<zf-as-button title="+"></zf-as-button>
<zf-as-content position="bottom">
<p>Message for you, sir!</p>
</zf-as-content>
</zf-action-sheet>
</div>
</div>
<button class="button secondary as-demo" zf-hard-toggle="separate-actionsheet">Toggle</button>
<button class="button secondary as-demo" zf-hide="separate-actionsheet">Hide</button>
<zf-action-sheet id="separate-actionsheet">
<zf-as-button title="Action Sheet"></zf-as-button>
<zf-as-content position="bottom">
Message for you, sir!
</zf-as-content>
</zf-action-sheet>

<hr>
<h3>Sass Mixins</h3>
Expand Down
2 changes: 1 addition & 1 deletion docs/templates/labels-badges.html
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
name: labels-badges
url: /labels-badges
title: Labels Badges
title: Labels & Badges
---

<h2>Label &amp; Badges</h2>
Expand Down
2 changes: 1 addition & 1 deletion docs/templates/utilities.html
Original file line number Diff line number Diff line change
Expand Up @@ -136,7 +136,7 @@ <h3>Floats and Clearing</h3>
<hr>

<h3>Thumbnails</h3>
<p>You can create Thumbnails by adding a <code>thumbnail</code> class to an <code>&lt;img&gt;</code> element like so:</p>
<p>You can create thumbnails by adding a <code>thumbnail</code> class to an <code>&lt;img&gt;</code> element like so:</p>
<div class="grid-block">
<div class="small-12 medium-6 grid-content">
<hljs>
Expand Down

0 comments on commit dc567b5

Please sign in to comment.