survivalkit 1.0.beta.8 → 1.0.beta.9

data/templates/shared/partials/06-ui-patterns/_drupal-patterns.scss

@@ -3,7 +3,7 @@
 // SITE NAME
 #site-name {
   a {
-    @include remove-link-underlines;
+    // add your own styles, if you like
   }
 }
 
@@ -61,14 +61,13 @@ ul.tabs {
 // PAGERS
 ul.pager {
   @include horizontal-list(0.5em);
-  a {
-    @include remove-link-underlines;
-  }
 }
 
 // RSS LINK
 a.feed-icon {
-  @include remove-link-underlines;
+  @if $border-links == true {
+    @include undo-border-links;
+  }
 }
 
 // INLINE LINKS

data/templates/shared/partials/07-styletile/_tile-design.scss

@@ -2,7 +2,7 @@
 
 .styletile {
   header {
-    @include pie-clearfix;
+    @include clearfix;
     @include trailer;
     aside {
       text-align: right;
@@ -12,7 +12,7 @@
   }
 
   .group {
-    @include pie-clearfix;
+    @include clearfix;
     @include trailer(2);
   }
 

data/templates/shared/style.scss

@@ -32,6 +32,7 @@
 @import "susy";
 @import "breakpoint";
 @import "modular-scale";
+@import "toolkit";
 // add any others here
 
 // ✔ IMPORT COMMON MIXINS
@@ -72,7 +73,7 @@
 
 // ✔ 6. STYLE COMMON UI PATTERNS / DRUPAL UI PATTERNS
 @import "partials/06-ui-patterns/common";
-// @import "partials/06-ui-patterns/drupal-patterns";
+@import "partials/06-ui-patterns/drupal-patterns";
 
 // --------------------------------------------------------------------------------------
 // ✔ YOUR CUSTOM LAYOUT AND DESIGN SASS

metadata

@@ -6,8 +6,8 @@ version: !ruby/object:Gem::Version
   - 1
   - 0
   - beta
-  - 8
-  version: 1.0.beta.8
+  - 9
+  version: 1.0.beta.9
 platform: ruby
 authors: 
 - Mason Wendell
@@ -15,7 +15,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2012-08-28 00:00:00 -04:00
+date: 2012-11-21 00:00:00 -05:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency 
@@ -84,6 +84,19 @@ dependencies:
         version: "0.1"
   type: :runtime
   version_requirements: *id005
+- !ruby/object:Gem::Dependency 
+  name: toolkit
+  prerelease: false
+  requirement: &id006 !ruby/object:Gem::Requirement 
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        segments: 
+        - 0
+        - 2
+        version: "0.2"
+  type: :runtime
+  version_requirements: *id006
 description: The Coding Designer's Survival Kit - tools for designing websites in the browser.
 email: 
 - mason@zivtech.com
@@ -100,6 +113,9 @@ files:
 - stylesheets/survivalkit/extend/_all.scss
 - stylesheets/survivalkit/extend/_helpers.scss
 - stylesheets/survivalkit/extend/_sticky-footer.scss
+- stylesheets/survivalkit/fonts/_font-awesome.scss
+- stylesheets/survivalkit/fonts/_league-gothic.scss
+- stylesheets/survivalkit/fonts/_ostrich-sans.scss
 - stylesheets/survivalkit/functions/_all.scss
 - stylesheets/survivalkit/functions/_calculations.scss
 - stylesheets/survivalkit/functions/_color-schemer.sass
@@ -116,37 +132,15 @@ files:
 - stylesheets/survivalkit/reset/_reset.scss
 - stylesheets/survivalkit/style-tile/_all.scss
 - stylesheets/survivalkit/style-tile/_tile-layout.scss
-- stylesheets/survivalkit/survival_kit/_survival-kit.scss
+- stylesheets/survivalkit/survival-kit/_survival-kit.sass
 - stylesheets/survivalkit/variables/_all.scss
 - stylesheets/survivalkit/variables/_color_names.scss
 - stylesheets/survivalkit/variables/_helpers.scss
-- templates/project/files/apple-touch-icon-114x114-precomposed.png
-- templates/project/files/apple-touch-icon-72x72-precomposed.png
-- templates/project/files/apple-touch-icon.png
-- templates/project/files/crossdomain.xml
-- templates/project/files/favicon.ico
-- templates/project/files/favicon.png
-- templates/project/files/google.yml
-- templates/project/files/htaccess.htaccess
-- templates/project/files/html/404.html
-- templates/project/files/html/formalize_jquery_demo.html
-- templates/project/files/html/formalize_jquery_disabled.html
-- templates/project/files/html/formalize_jquery_errors.html
-- templates/project/files/html/index.html
-- templates/project/files/html/survivalkit/elements-common.html
-- templates/project/files/html/survivalkit/elements-html5.html
-- templates/project/files/html/survivalkit/elements-typography.html
-- templates/project/files/html/survivalkit/elements-ui-patterns-drupal-css.html
-- templates/project/files/html/survivalkit/elements-ui-patterns-drupal.html
-- templates/project/files/html/survivalkit/elements-ui-patterns.html
-- templates/project/files/html/survivalkit/index.html
-- templates/project/files/html/survivalkit/styletile/index.html
-- templates/project/files/html/survivalkit/styletile/styletile.html
-- templates/project/files/humans.txt
-- templates/project/files/robots.txt
+- templates/clean/manifest.rb
+- templates/drupal/kit/kit-source.jquery.js
+- templates/drupal/manifest.rb
+- templates/drupal/script.js
 - templates/project/kit/kit-source.jquery.js
-- templates/project/libs/320-up/helper.js
-- templates/project/libs/320-up/imgSizer.js
 - templates/project/libs/dd_belatedpng.js
 - templates/project/libs/formalize/dojo.formalize.js
 - templates/project/libs/formalize/extjs.formalize.js
@@ -155,166 +149,16 @@ files:
 - templates/project/libs/formalize/prototype.formalize.js
 - templates/project/libs/formalize/README.txt
 - templates/project/libs/formalize/yui.formalize.js
-- templates/project/libs/jquery-1.6.js
-- templates/project/libs/jquery-1.6.min.js
-- templates/project/libs/modernizr-2.0.min.js
+- templates/project/libs/jquery-1.8.2.min.js
+- templates/project/libs/modernizr-2.6.2.min.js
 - templates/project/libs/mootools-core-1.3.1-full-compat-yc.js
-- templates/project/libs/plugins.js
 - templates/project/libs/respond.min.js
 - templates/project/libs/selectivizr-min.js
-- templates/project/libs/selectivizr.js
 - templates/project/manifest.rb
 - templates/project/script.js
-- templates/project/templates/_flashes.html.haml
-- templates/project/templates/_footer.html.haml
-- templates/project/templates/_head.html.haml
-- templates/project/templates/_header.html.haml
-- templates/project/templates/_javascripts.html.haml
-- templates/project/templates/_stylesheets.html.haml
-- templates/project/templates/application.html.haml
-- templates/project/templates/old/_layout.haml
-- templates/project/templates/old/home.html.haml
-- templates/project/templates/old/layouts/default.haml
-- templates/project/templates/old/layouts/survivalkit/default.haml
-- templates/project/templates/old/layouts/survivalkit/styletile.haml
-- templates/project/templates/old/survivalkit/_layout.haml
-- templates/project/templates/old/survivalkit/elements-common.haml
-- templates/project/templates/old/survivalkit/elements-html5.haml
-- templates/project/templates/old/survivalkit/elements-typography.haml
-- templates/project/templates/old/survivalkit/elements-ui-patterns-drupal.haml
-- templates/project/templates/old/survivalkit/elements-ui-patterns.haml
-- templates/project/templates/old/survivalkit/index.haml
-- templates/project/templates/old/survivalkit/partials/common/abbr.haml
-- templates/project/templates/old/survivalkit/partials/common/acronym.haml
-- templates/project/templates/old/survivalkit/partials/common/characters.haml
-- templates/project/templates/old/survivalkit/partials/common/cite.haml
-- templates/project/templates/old/survivalkit/partials/common/code.haml
-- templates/project/templates/old/survivalkit/partials/common/dfn.haml
-- templates/project/templates/old/survivalkit/partials/common/em.haml
-- templates/project/templates/old/survivalkit/partials/common/forms.haml
-- templates/project/templates/old/survivalkit/partials/common/headers.haml
-- templates/project/templates/old/survivalkit/partials/common/inline-images.haml
-- templates/project/templates/old/survivalkit/partials/common/kbd.haml
-- templates/project/templates/old/survivalkit/partials/common/links.haml
-- templates/project/templates/old/survivalkit/partials/common/lists.haml
-- templates/project/templates/old/survivalkit/partials/common/others.haml
-- templates/project/templates/old/survivalkit/partials/common/paragraphs.haml
-- templates/project/templates/old/survivalkit/partials/common/pre.haml
-- templates/project/templates/old/survivalkit/partials/common/q.haml
-- templates/project/templates/old/survivalkit/partials/common/samp.haml
-- templates/project/templates/old/survivalkit/partials/common/strong.haml
-- templates/project/templates/old/survivalkit/partials/common/tables.haml
-- templates/project/templates/old/survivalkit/partials/common/var.haml
-- templates/project/templates/old/survivalkit/partials/header-styletile.haml
-- templates/project/templates/old/survivalkit/partials/header.haml
-- templates/project/templates/old/survivalkit/partials/html5/a.haml
-- templates/project/templates/old/survivalkit/partials/html5/abbr.haml
-- templates/project/templates/old/survivalkit/partials/html5/address.haml
-- templates/project/templates/old/survivalkit/partials/html5/all-headings.haml
-- templates/project/templates/old/survivalkit/partials/html5/article.haml
-- templates/project/templates/old/survivalkit/partials/html5/aside.haml
-- templates/project/templates/old/survivalkit/partials/html5/b.haml
-- templates/project/templates/old/survivalkit/partials/html5/bdi.haml
-- templates/project/templates/old/survivalkit/partials/html5/blockquote.haml
-- templates/project/templates/old/survivalkit/partials/html5/cite.haml
-- templates/project/templates/old/survivalkit/partials/html5/code.haml
-- templates/project/templates/old/survivalkit/partials/html5/details.haml
-- templates/project/templates/old/survivalkit/partials/html5/dfn.haml
-- templates/project/templates/old/survivalkit/partials/html5/dl.haml
-- templates/project/templates/old/survivalkit/partials/html5/em.haml
-- templates/project/templates/old/survivalkit/partials/html5/fieldset.haml
-- templates/project/templates/old/survivalkit/partials/html5/figure.haml
-- templates/project/templates/old/survivalkit/partials/html5/footer.haml
-- templates/project/templates/old/survivalkit/partials/html5/header.haml
-- templates/project/templates/old/survivalkit/partials/html5/hgroup.haml
-- templates/project/templates/old/survivalkit/partials/html5/hr.haml
-- templates/project/templates/old/survivalkit/partials/html5/i.haml
-- templates/project/templates/old/survivalkit/partials/html5/kbd.haml
-- templates/project/templates/old/survivalkit/partials/html5/label.haml
-- templates/project/templates/old/survivalkit/partials/html5/li.haml
-- templates/project/templates/old/survivalkit/partials/html5/mark.haml
-- templates/project/templates/old/survivalkit/partials/html5/menu.haml
-- templates/project/templates/old/survivalkit/partials/html5/nav.haml
-- templates/project/templates/old/survivalkit/partials/html5/ol.haml
-- templates/project/templates/old/survivalkit/partials/html5/p.haml
-- templates/project/templates/old/survivalkit/partials/html5/pre.haml
-- templates/project/templates/old/survivalkit/partials/html5/q.haml
-- templates/project/templates/old/survivalkit/partials/html5/ruby.haml
-- templates/project/templates/old/survivalkit/partials/html5/s.haml
-- templates/project/templates/old/survivalkit/partials/html5/samp.haml
-- templates/project/templates/old/survivalkit/partials/html5/sample-forms.haml
-- templates/project/templates/old/survivalkit/partials/html5/sample-tables.haml
-- templates/project/templates/old/survivalkit/partials/html5/section.haml
-- templates/project/templates/old/survivalkit/partials/html5/small.haml
-- templates/project/templates/old/survivalkit/partials/html5/strong.haml
-- templates/project/templates/old/survivalkit/partials/html5/sub-sup.haml
-- templates/project/templates/old/survivalkit/partials/html5/table.haml
-- templates/project/templates/old/survivalkit/partials/html5/text-summary.haml
-- templates/project/templates/old/survivalkit/partials/html5/thead.haml
-- templates/project/templates/old/survivalkit/partials/html5/time.haml
-- templates/project/templates/old/survivalkit/partials/html5/ul.haml
-- templates/project/templates/old/survivalkit/partials/menu.haml
-- templates/project/templates/old/survivalkit/partials/patterns-drupal/block.haml
-- templates/project/templates/old/survivalkit/partials/patterns-drupal/breadcrumbs.haml
-- templates/project/templates/old/survivalkit/partials/patterns-drupal/comments.haml
-- templates/project/templates/old/survivalkit/partials/patterns-drupal/field-image.haml
-- templates/project/templates/old/survivalkit/partials/patterns-drupal/form-comment.haml
-- templates/project/templates/old/survivalkit/partials/patterns-drupal/form-login.haml
-- templates/project/templates/old/survivalkit/partials/patterns-drupal/form-new-account.haml
-- templates/project/templates/old/survivalkit/partials/patterns-drupal/form-new-password.haml
-- templates/project/templates/old/survivalkit/partials/patterns-drupal/links.haml
-- templates/project/templates/old/survivalkit/partials/patterns-drupal/menu.haml
-- templates/project/templates/old/survivalkit/partials/patterns-drupal/messages.haml
-- templates/project/templates/old/survivalkit/partials/patterns-drupal/node.haml
-- templates/project/templates/old/survivalkit/partials/patterns-drupal/pager.haml
-- templates/project/templates/old/survivalkit/partials/patterns-drupal/rss-link.haml
-- templates/project/templates/old/survivalkit/partials/patterns-drupal/search.haml
-- templates/project/templates/old/survivalkit/partials/patterns-drupal/site-name.haml
-- templates/project/templates/old/survivalkit/partials/patterns-drupal/tabs.haml
-- templates/project/templates/old/survivalkit/partials/patterns-drupal/taxonomy.haml
-- templates/project/templates/old/survivalkit/partials/patterns-general/block.haml
-- templates/project/templates/old/survivalkit/partials/patterns-general/breadcrumbs.haml
-- templates/project/templates/old/survivalkit/partials/patterns-general/comments.haml
-- templates/project/templates/old/survivalkit/partials/patterns-general/field-image.haml
-- templates/project/templates/old/survivalkit/partials/patterns-general/form-comment.haml
-- templates/project/templates/old/survivalkit/partials/patterns-general/form-login.haml
-- templates/project/templates/old/survivalkit/partials/patterns-general/form-new-account.haml
-- templates/project/templates/old/survivalkit/partials/patterns-general/form-new-password.haml
-- templates/project/templates/old/survivalkit/partials/patterns-general/links.haml
-- templates/project/templates/old/survivalkit/partials/patterns-general/menu.haml
-- templates/project/templates/old/survivalkit/partials/patterns-general/messages.haml
-- templates/project/templates/old/survivalkit/partials/patterns-general/node.haml
-- templates/project/templates/old/survivalkit/partials/patterns-general/pager.haml
-- templates/project/templates/old/survivalkit/partials/patterns-general/rss-link.haml
-- templates/project/templates/old/survivalkit/partials/patterns-general/search.haml
-- templates/project/templates/old/survivalkit/partials/patterns-general/site-name.haml
-- templates/project/templates/old/survivalkit/partials/patterns-general/tabs.haml
-- templates/project/templates/old/survivalkit/partials/patterns-general/taxonomy.haml
-- templates/project/templates/old/survivalkit/styletile/_layout.haml
-- templates/project/templates/old/survivalkit/styletile/index.redirect
-- templates/project/templates/old/survivalkit/styletile/styletile.haml
-- templates/project/templates/old/view_helpers.rb
-- templates/drupal/kit/kit-source.jquery.js
-- templates/drupal/libs/320-up/helper.js
-- templates/drupal/libs/320-up/imgSizer.js
-- templates/drupal/libs/dd_belatedpng.js
-- templates/drupal/libs/formalize/dojo.formalize.js
-- templates/drupal/libs/formalize/extjs.formalize.js
-- templates/drupal/libs/formalize/jquery.formalize.js
-- templates/drupal/libs/formalize/mootools.formalize.js
-- templates/drupal/libs/formalize/prototype.formalize.js
-- templates/drupal/libs/formalize/README.txt
-- templates/drupal/libs/formalize/yui.formalize.js
-- templates/drupal/libs/jquery-1.6.js
-- templates/drupal/libs/jquery-1.6.min.js
-- templates/drupal/libs/modernizr-2.0.min.js
-- templates/drupal/libs/mootools-core-1.3.1-full-compat-yc.js
-- templates/drupal/libs/plugins.js
-- templates/drupal/libs/respond.min.js
-- templates/drupal/libs/selectivizr-min.js
-- templates/drupal/libs/selectivizr.js
-- templates/drupal/manifest.rb
-- templates/drupal/script.js
+- templates/project/sources/FitText/example.html
+- templates/project/sources/FitText/jquery.fittext.js
+- templates/project/sources/FitText/README.md
 - templates/shared/drupal/arrow-asc.png
 - templates/shared/drupal/arrow-desc.png
 - templates/shared/drupal/background.png
@@ -360,6 +204,50 @@ files:
 - templates/shared/drupal/watchdog-error.png
 - templates/shared/drupal/watchdog-ok.png
 - templates/shared/drupal/watchdog-warning.png
+- templates/shared/fonts/font-awesome/fontawesome-webfont.eot
+- templates/shared/fonts/font-awesome/fontawesome-webfont.svg
+- templates/shared/fonts/font-awesome/fontawesome-webfont.ttf
+- templates/shared/fonts/font-awesome/fontawesome-webfont.woff
+- templates/shared/fonts/league-gothic/leaguegothic-condensed-italic-webfont.eot
+- templates/shared/fonts/league-gothic/leaguegothic-condensed-italic-webfont.svg
+- templates/shared/fonts/league-gothic/leaguegothic-condensed-italic-webfont.ttf
+- templates/shared/fonts/league-gothic/leaguegothic-condensed-italic-webfont.woff
+- templates/shared/fonts/league-gothic/leaguegothic-condensed-regular-webfont.eot
+- templates/shared/fonts/league-gothic/leaguegothic-condensed-regular-webfont.svg
+- templates/shared/fonts/league-gothic/leaguegothic-condensed-regular-webfont.ttf
+- templates/shared/fonts/league-gothic/leaguegothic-condensed-regular-webfont.woff
+- templates/shared/fonts/league-gothic/leaguegothic-italic-webfont.eot
+- templates/shared/fonts/league-gothic/leaguegothic-italic-webfont.svg
+- templates/shared/fonts/league-gothic/leaguegothic-italic-webfont.ttf
+- templates/shared/fonts/league-gothic/leaguegothic-italic-webfont.woff
+- templates/shared/fonts/league-gothic/leaguegothic-regular-webfont.eot
+- templates/shared/fonts/league-gothic/leaguegothic-regular-webfont.svg
+- templates/shared/fonts/league-gothic/leaguegothic-regular-webfont.ttf
+- templates/shared/fonts/league-gothic/leaguegothic-regular-webfont.woff
+- templates/shared/fonts/ostrich/ostrich-black-webfont.eot
+- templates/shared/fonts/ostrich/ostrich-black-webfont.svg
+- templates/shared/fonts/ostrich/ostrich-black-webfont.ttf
+- templates/shared/fonts/ostrich/ostrich-black-webfont.woff
+- templates/shared/fonts/ostrich/ostrich-bold-webfont.eot
+- templates/shared/fonts/ostrich/ostrich-bold-webfont.svg
+- templates/shared/fonts/ostrich/ostrich-bold-webfont.ttf
+- templates/shared/fonts/ostrich/ostrich-bold-webfont.woff
+- templates/shared/fonts/ostrich/ostrich-dashed-webfont.eot
+- templates/shared/fonts/ostrich/ostrich-dashed-webfont.svg
+- templates/shared/fonts/ostrich/ostrich-dashed-webfont.ttf
+- templates/shared/fonts/ostrich/ostrich-dashed-webfont.woff
+- templates/shared/fonts/ostrich/ostrich-light-webfont.eot
+- templates/shared/fonts/ostrich/ostrich-light-webfont.svg
+- templates/shared/fonts/ostrich/ostrich-light-webfont.ttf
+- templates/shared/fonts/ostrich/ostrich-light-webfont.woff
+- templates/shared/fonts/ostrich/ostrich-regular-webfont.eot
+- templates/shared/fonts/ostrich/ostrich-regular-webfont.svg
+- templates/shared/fonts/ostrich/ostrich-regular-webfont.ttf
+- templates/shared/fonts/ostrich/ostrich-regular-webfont.woff
+- templates/shared/fonts/ostrich/ostrich-rounded-webfont.eot
+- templates/shared/fonts/ostrich/ostrich-rounded-webfont.svg
+- templates/shared/fonts/ostrich/ostrich-rounded-webfont.ttf
+- templates/shared/fonts/ostrich/ostrich-rounded-webfont.woff
 - templates/shared/formalize/button.png
 - templates/shared/formalize/select_arrow.gif
 - templates/shared/partials/01-variables/_all.scss
@@ -388,8 +276,6 @@ files:
 - templates/shared/readme.markdown
 - templates/shared/style.scss
 - templates/shared/survival-kit-logo.png
-- templates/shared/survivalkit/drupal7.scss
-- templates/shared/survivalkit/survivalkit.scss
 - templates/shared/your-design-here/_design.scss
 has_rdoc: true
 homepage: http://thecodingdesigner.com

data/stylesheets/survivalkit/survival_kit/_survival-kit.scss

@@ -1,145 +0,0 @@
-// styles meant to assist while designing markup conventions
-// in elements.html, elements-drupal.html
-
-@import "../mixins/helpers";
-
-$kit-font-family: futura, $font-sans;
-
-$sk-lightgray: mix($lightgray, $c-primary, 90%);
-$sk-gray: mix($gray, $c-primary, 90%);
-$sk-darkgray: mix($darkgray, $c-primary, 90%);
-
-.survival-kit {
-  #page {
-    > header {
-      background: $sk-lightgray;
-      font-family: $kit-font-family;
-      padding: 0 0.5em;
-      margin-bottom: 0;
-      a {
-        @include link-colors($white, $sk-darkgray, $sk-darkgray, $white);
-        @include border-links($white, $sk-darkgray, $sk-darkgray, $white);
-      }
-      hgroup {
-        @extend .clearfix;
-      }
-      h1 {
-        @include adjust-font-size-to(ms(1));
-        float: left;
-        padding-right: $kit-gutter;
-        margin-right: $kit-gutter;
-        border-right: 1px solid white;
-        font-family: $kit-font-family;
-        a {
-          @include undo-border-links;
-          @include replace-text-with-dimensions("survival-kit-logo.png");
-          display: block;
-          padding: 0.3em;
-        }
-      }
-      h2 {
-        @include adjust-font-size-to(ms(2));
-        margin-top: 0;
-        font-family: $kit-font-family;
-      }
-      .intro {
-        margin-left: calc-em(265px, $base-font-size);
-      }
-    }
-  }
-  h1.section-title {
-    @include adjust-font-size-to(ms(3));
-    background-color: $sk-lightgray;
-    text-transform: uppercase;
-    padding-left: $kit-gutter-half;
-    margin-top: 0;
-    a {
-      @include link-colors($black, $alt-color, $alt-color, $black, false);
-      @include border-links($black, $alt-color, $alt-color, $black, false);
-    }
-  }
-  .back-to-top {
-    @include undo-border-links;
-    float: right;
-    font-size: 10px;
-  }
-  h1.section-title .fold-section, h2.element-title .fold-article {}
-  .kit-nav, .section-nav {
-    @include trailer;
-    padding: 0 0.5em;
-    font-family: $kit-font-family;
-    color: $sk-lightgray;
-    #{headings()} {
-      font-size: $base-font-size;
-    }
-    a {
-      @include link-colors($white, $alt-color, $alt-color, $white);
-      @include border-links($white, $alt-color, $alt-color, $white);
-    }
-    ul {
-      @include horizontal-list(0.5em);
-    }
-  }
-  .kit-nav {
-    background: shade($sk-gray, 20%);
-  }
-  .section-nav {
-    background: $sk-gray;
-    margin-top: calc-em(-24px, $base-font-size);
-    margin-bottom: 0;
-    h3 {
-      color: shade($sk-gray, 40%);
-      @include adjust-font-size-to($base-font-size - 2);
-    }
-    h4 {
-      float: left;
-      margin-right: 0.5em;
-      margin-top: 0;
-      margin-bottom: 0;
-    }
-  }
-  div.element {
-    @include vertical-separation($kit-baseline * 2, 1px, transparentize($border-color, 0.9));
-    &.closed {
-      @include un-vertical-separation;
-    }
-    h2.element-title {
-      @include adjust-font-size-to(ms(0));
-      background-color: $sk-gray;
-      color: $white;
-      text-transform: uppercase;
-      padding-left: $kit-gutter-half;
-      a {
-        @include link-colors($white, $alt-color, $alt-color, $white, false);
-        @include border-links($white, $alt-color, $alt-color, $white, false);
-      }
-    }
-    .example {
-      @include vertical-separation($kit-baseline, 1px, transparentize($border-color, 0.9), dashed);
-      @include pie-clearfix;
-      .markup {
-        // +columns(4)
-        display: inline;
-        float: left;
-        width: 64.228%;
-        margin-right: 2.439%;
-        & + .show-source {
-          // +columns(2)
-          // +omega(6)
-          display: inline;
-          float: right;
-          width: 30.894%;
-          margin-right: 0;
-          // margin-left: -24px
-          @extend %mono;
-          .show-hide {
-            text-align: right;
-          }
-          & + p {
-            clear: both;
-          }
-        }
-      }
-    }
-  }
-}