From: RafiBomb <rafi@zurb.com>
Date: Tue, 21 Jun 2016 17:33:18 +0000 (-0700)
Subject: adds kitchen sink example for magellan
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=76c7fcdaa6c6b4439f5756cc6e9c20398975401b;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

adds kitchen sink example for magellan
---

diff --git a/docs/pages/cheatsheet.md b/docs/pages/cheatsheet.md
index 676b16bee..9929e8f60 100644
--- a/docs/pages/cheatsheet.md
+++ b/docs/pages/cheatsheet.md
@@ -262,49 +262,7 @@ description: Get coding faster with this cheatsheet. It contains CSS classes, ac
   </div>
 </div>
 
-
-Add the `.badge` class to an element to create a badge. In the below example, we're using `<span>`, but any tag will work fine.
-
-```html_example
-<span class="badge">1</span>
-```
-
-<br>
-
-A badge will typically be describing another element on the page. To bind the two elements together, give the badge a unique ID, and reference that ID in an `aria-describedby` attribute on the main element.
-
-```html
-<h1 aria-describedby="messageCount">Unread Messages</h1>
-<span class="badge" id="messageCount">1<span>
-```
-
-Finally, the content itself might need more context for users that use screen readers. You can add extra text inside the badge using the `.show-for-sr` class.
-
-```html
-<span class="badge" id="messageCount">1 <span class="show-for-sr">unread message</span></span>
-```
-
 ---
 
-## Coloring
-
-Badges can be colored with the same classes used for buttons and other components.
-
-```html_example
-<span class="secondary badge">2</span>
-<span class="success badge">3</span>
-<span class="alert badge">A</span>
-<span class="warning badge">B</span>
-```
-
----
-
-### With Icons
-
-An icon can be used in place of text. We're using the [Foundation icon font](http://zurb.com/playground/foundation-icon-fonts-3) here, but any icon fonts or image-based icons will work fine.
+## Breakpoints and Media Queries
 
-```html_example
-<span class="info badge"><i class="fi-share"></i></span>
-<span class="success badge"><i class="fi-check"></i></span>
-<span class="warning badge"><i class="fi-wrench"></i></span>
-```
\ No newline at end of file
diff --git a/docs/pages/kitchen-sink.md b/docs/pages/kitchen-sink.md
index 0b9d17376..64c91d715 100644
--- a/docs/pages/kitchen-sink.md
+++ b/docs/pages/kitchen-sink.md
@@ -568,7 +568,7 @@ description: Everything but.
 
 ## Magellan
 
-```html
+```html_example
 <ul class="horizontal menu" data-magellan>
   <li><a href="#first">First Arrival</a></li>
   <li><a href="#second">Second Arrival</a></li>
@@ -590,12 +590,6 @@ description: Everything but.
 </div>
 ```
 
-<ul class="horizontal menu" data-magellan>
-  <li><a href="#first">First Arrival</a></li>
-  <li><a href="#second">Second Arrival</a></li>
-  <li><a href="#third">Third Arrival</a></li>
-</ul>
-
 ---
 
 ## Media Object
diff --git a/test/visual/sticky/menus-with-anchors.html b/test/visual/sticky/menus-with-anchors.html
index 815e60525..d5272a984 100644
--- a/test/visual/sticky/menus-with-anchors.html
+++ b/test/visual/sticky/menus-with-anchors.html
@@ -198,4 +198,26 @@
     $(document).foundation();
   </script>
 </body>
-</html>
\ No newline at end of file
+</html>
+
+
+
+        <div class="row">
+          <div class="xsmall-4 medium-6 columns">
+            
+          </div>
+          <div class="xsmall-8 medium-6 columns">
+            
+          </div>
+        </div>
+
+
+
+
+
+
+
+
+
+
+