Tweaks to allow new kitchen sink styles

diff --git a/docs/pages/kitchen-sink.md b/docs/pages/kitchen-sink.md
index 5e021dcbd64515f668da95d788afa6fcc32c4069..2f21b0278c3cd7aadb4516f72dfbe7eea74d1d2b 100644 (file)
--- a/docs/pages/kitchen-sink.md
+++ b/docs/pages/kitchen-sink.md
@@ -6,7 +6,7 @@ description: Everything but.
 ## Abide
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/qmoKbK?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -108,7 +108,7 @@ description: Everything but.
 ## Accordion
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/WjzKqa?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -144,7 +144,7 @@ description: Everything but.
 ## Accordion Menu
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/XREPVK?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -181,7 +181,7 @@ description: Everything but.
 ## Badge
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/JNvKZj?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -198,7 +198,7 @@ description: Everything but.
 ## Breadcrumbs
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/MmGeMx?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -220,7 +220,7 @@ description: Everything but.
 ## Button
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/ybjagd?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -250,7 +250,7 @@ description: Everything but.
 ## Callout
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/XRqjxj?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -297,7 +297,7 @@ description: Everything but.
 ## Close Button
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/dWepJz?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -315,7 +315,7 @@ description: Everything but.
 ## Drilldown Menu
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/mmLrZz?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -369,7 +369,7 @@ description: Everything but.
 ## Dropdown Menu
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/jmxVPP?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -419,7 +419,7 @@ description: Everything but.
 ## Dropdown Pane
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/QvrGGj?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -435,7 +435,7 @@ description: Everything but.
 ## Equalizer
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/mmLBEa?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -464,7 +464,7 @@ description: Everything but.
 ## Flex Grid
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="http://codepen.io/ZURBFoundation/pen/dWmVax?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -493,7 +493,7 @@ description: Everything but.
 ## Responsive Embed
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/MmGEbb?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -508,7 +508,7 @@ description: Everything but.
 ## Float Classes
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/zwjEPP?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -524,7 +524,7 @@ description: Everything but.
 ## Forms
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/jmxGGr?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -587,7 +587,7 @@ description: Everything but.
 ## Grid
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/rmvEBJ?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -646,7 +646,7 @@ description: Everything but.
 ## Interchange
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/xdjXYj?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -659,7 +659,7 @@ description: Everything but.
 ## Label
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/VbxMXq?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -676,7 +676,7 @@ description: Everything but.
 ## Magellan
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/MmGEXo?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -713,7 +713,7 @@ description: Everything but.
 ## Media Object
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/NjMaEr?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -734,7 +734,7 @@ description: Everything but.
 ## Menu
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/bWMMzZ?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -752,7 +752,7 @@ description: Everything but.
 ## Off-canvas
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/oWdrLR?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -783,7 +783,7 @@ description: Everything but.
 ## Orbit
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/zwjjgN?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -827,7 +827,7 @@ description: Everything but.
 ## Pagination
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/BRxVmB?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -850,7 +850,7 @@ description: Everything but.
 ## Progress Bar
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/YVLvvB?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -885,7 +885,7 @@ description: Everything but.
 ## Responsive Menu
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/qmYKgJ?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -903,7 +903,7 @@ description: Everything but.
 ## Responsive Toggle
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/LymroM?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -943,7 +943,7 @@ description: Everything but.
 ## Reveal
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/RVyBPw?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -965,7 +965,7 @@ description: Everything but.
 ## Slider
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/xdjJVm?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -996,7 +996,7 @@ description: Everything but.
 ## Sticky
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/ZKodJR?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -1029,7 +1029,7 @@ description: Everything but.
 ## Switch
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/dWejpx?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -1061,7 +1061,7 @@ description: Everything but.
 ## Table
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/eWrjQx?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -1103,7 +1103,7 @@ description: Everything but.
 ## Tabs
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/qmYygE?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -1150,7 +1150,7 @@ description: Everything but.
 ## Thumbnail
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/EmLexY?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -1173,7 +1173,7 @@ description: Everything but.
 ## Title Bar
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/qmYMZZ?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -1194,7 +1194,7 @@ description: Everything but.
 ## Toggler
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/LymJLb?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -1214,7 +1214,7 @@ description: Everything but.
 ## Tooltip
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/pPVOdm?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -1227,7 +1227,7 @@ description: Everything but.
 ## Top Bar
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/eWrwKP?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>
 
@@ -1262,7 +1262,7 @@ description: Everything but.
 ## Visibility Classes
 
 
-<div class="docs-codepen-container standalone">
+<div class="docs-codepen-container" data-ks-codepen>
   <a class="codepen-logo-link" href="https://codepen.io/IamManchanda/pen/vmjqVG?editors=1000" target="_blank"><img src="{{root}}assets/img/logos/edit-in-browser.svg" class="" height="" width="" alt="edit on codepen button"></a>
 </div>