underoos 1.0.0 → 1.1.0

data/script/javascripts

@@ -1,6 +1,5 @@
 #!/usr/bin/env bash
 curl -L -o ./vendor/assets/javascripts/bootstrap-transition.js http://twitter.github.com/bootstrap/assets/js/bootstrap-transition.js
-curl -L -o ./vendor/assets/javascripts/bootstrap-scrollspy.js http://twitter.github.com/bootstrap/assets/js/bootstrap-scrollspy.js
 curl -L -o ./vendor/assets/javascripts/bootstrap-tooltip.js http://twitter.github.com/bootstrap/assets/js/bootstrap-tooltip.js
 curl -L -o ./vendor/assets/javascripts/bootstrap-popover.js http://twitter.github.com/bootstrap/assets/js/bootstrap-popover.js
 curl -L -o ./vendor/assets/javascripts/bootstrap-dropdown.js http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js

data/sherpa/config.yml

@@ -0,0 +1,96 @@
+settings:
+  title: underoos
+  repo: https://github.com/modeset/underoos/
+  output_dir: ./public/
+  layout_dir: ./sherpa/layouts/
+  layout_template: layout.mustache
+  default_section_template: section.mustache
+
+overview:
+  base_dir: ./
+  section_template: raw.mustache
+  manifest:
+    - require: README.md
+
+styles:
+  base_dir: ./app/assets/stylesheets/
+  manifest:
+    - require: settings/_settings.sass
+      template: overview.mustache
+    - require: settings/_config.sass
+    - require: settings/_theme.sass
+
+    - require: base/_base.sass
+      template: overview.mustache
+    - require: base/_normalize.sass
+    - require: base/_scaffold.sass
+    - require: base/_typography.sass
+    - require: base/_buttons.sass
+    - require: base/_tables.sass
+    - require: base/_forms.sass
+    - require: base/_helpers.sass
+    - require: base/_transitions.sass
+
+    - require: components/_components.sass
+      template: overview.mustache
+    - require: components/_button-groups.sass
+    - require: components/_dropdowns.sass
+    - require: components/_tabs.sass
+    - require: components/_pills.sass
+    - require: components/_nav-lists.sass
+    - require: components/_breadcrumbs.sass
+    - require: components/_pagination.sass
+    - require: components/_accordions.sass
+    - require: components/_paddles.sass
+    - require: components/_navbars.sass
+    - require: components/_modals.sass
+    - require: components/_notifications.sass
+    - require: components/_progress-bars.sass
+    - require: components/_media.sass
+    - require: components/_carousels.sass
+    - require: components/_wells.sass
+    - require: components/_decals.sass
+    - require: components/_tooltips.sass
+    - require: components/_popovers.sass
+    - require: components/_carets.sass
+    - require: components/_close.sass
+
+    - require: layouts/_layouts.sass
+      template: overview.mustache
+    - require: layouts/_containers.sass
+    - require: layouts/_queries.sass
+    - require: layouts/_upgrades.sass
+    - require: layouts/_print.sass
+
+    - require: mixins/_mixins.sass
+      template: overview.mustache
+    - require: mixins/_arrows.sass
+    - require: mixins/_clearfixins.sass
+    - require: mixins/_coloring.sass
+    - require: mixins/_columns.sass
+    - require: mixins/_conversions.sass
+    - require: mixins/_font-size.sass
+    - require: mixins/_image-tools.sass
+    - require: mixins/_inline-block.sass
+    - require: mixins/_ir.sass
+    - require: mixins/_responsive.sass
+    - require: mixins/_sticky-footer.sass
+    - require: mixins/_tab-focus.sass
+    - require: mixins/_timing-equations.sass
+    - require: mixins/_visibility.sass
+
+    - require: polyfills/_polyfills.sass
+      template: overview.mustache
+    - require: polyfills/_functions.sass
+    - require: polyfills/_box-shadow.sass
+    - require: polyfills/_box-sizing.sass
+    - require: polyfills/_opacity.sass
+    - require: polyfills/_transition.sass
+    - require: polyfills/_user-select.sass
+
+images:
+  section_template: images.mustache
+  base_dir: ./
+  manifest:
+    - require: "public/**/*.{png,jpeg,jpg,gif,ico}"
+

data/sherpa/layouts/images.mustache

@@ -0,0 +1,17 @@
+
+<section class="sherpa-section sherpa-clearfix" id="{{{id}}}">
+
+  {{#filepath}}
+    <div class="sherpa-filepath sherpa-imagepath sherpa-clearfix">
+      <a href="{{{repo_url}}}" target="_blank">{{{filepath}}}</a>
+    </div>
+  {{/filepath}}
+
+  {{#file.markup}}
+    <div class="sherpa-imageview sherpa-clearfix">
+      {{{file.markup}}}
+    </div>
+  {{/file.markup}}
+
+</section>
+

data/sherpa/layouts/layout.mustache

@@ -0,0 +1,77 @@
+
+<!doctype html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
+<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
+<!--[if gt IE 8]><!--> <html lang="en"> <!--<![endif]-->
+  <head>
+    <meta http-equiv="content-type" content="text/html;charset=utf-8">
+    <title>{{{title}}} {{{page}}}</title>
+    <meta name="imagetoolbar" content="no" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="apple-touch-fullscreen" content="YES" />
+    <meta name="apple-mobile-web-app-capable" content="YES" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <!--[if lt IE 9]>
+      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+    <link rel="stylesheet" href="/assets/underoos.css" type="text/css">
+    <link rel="stylesheet" href="sherpa.css" type="text/css">
+    <link rel="stylesheet" href="/assets/underoos-docs.css" type="text/css">
+  </head>
+
+  <body id="{{{page}}}">
+    <aside class="sherpa-sidebar">
+      <nav>
+        <a class="sherpa-brand" href="/">{{{title}}}</a>
+        {{#nav}}
+          <ul class="sherpa-dox-nav sherpa-nav-list">
+            <li class="sherpa-nav-header">Documentation</li>
+            {{{nav}}}
+          </ul>
+        {{/nav}}
+
+      {{#aside}}
+        <ul class="sherpa-anchor-nav sherpa-nav-list">
+          {{{aside}}}
+        </ul>
+      {{/aside}}
+      </nav>
+    </aside>
+
+    <section class="sherpa-wrapper sherpa-container sherpa-clearfix">
+
+      <section class="sherpa-section sherpa-clearfix">
+        <h1 class="sherpa-page-heading">{{{page}}}</h1>
+      </section>
+
+      {{{layout}}}
+    </section>
+
+    <footer class="sherpa-footer sherpa-container sherpa-clearfix">
+      <p>&raquo; Hand crafted by <a href="http://www.modeset.com/">Mode Set</a> and <a href="https://raw.github.com/modeset/underoos/master/LICENSE">licensed MIT</a> style for your pleasure</p>
+      <p>&raquo; Fork and fix me at <a href="{{{repo}}}">Github</a></p>
+      <p>&raquo; See where it's headed on <a href="https://www.pivotaltracker.com/projects/485221">Pivotal Tracker</a></p>
+      <p>&raquo; Documentation generated by <a href="https://github.com/modeset/sherpa">sherpa</a></p>
+    </footer>
+
+    <section class="upgrade-notifications">
+      <a class="upgrade-close" data-dismiss="alert" href="#">×</a>
+      <section class="upgrade-notification">
+        <article class="lt-ie8-msg upgrade-container">
+          <p>
+            Please upgrade to the <a href="http://windows.microsoft.com/en-US/internet-explorer/downloads/ie-9/worldwide-languages">latest version of Internet Explorer</a> or use one of the following browsers:
+            <a href="http://www.google.com/chrome/">Google Chrome</a>, <a href="http://www.apple.com/safari/download/">Apple Safari</a>, or <a href="http://www.mozilla.org/en-US/firefox/new/">Mozilla Firefox</a>
+          </p>
+        </article>
+        <article class="no-js-msg upgrade-container">
+          <p>For full functionality of this site it is necessary to enable <a href="http://www.enable-javascript.com/" target="_blank">JavaScript</a>.</p>
+        </article>
+      </section>
+    </section>
+
+    <script src="/assets/underoos.js"></script>
+    <script src="/assets/docs.js"></script>
+  </body>
+</html>
+

data/sherpa/layouts/overview.mustache

@@ -0,0 +1,19 @@
+
+<section class="sherpa-section sherpa-clearfix" id="{{{id}}}">
+
+  {{#file.markup}}
+    <div class="sherpa-overview sherpa-clearfix">
+      {{{file.markup}}}
+    </div>
+  {{/file.markup}}
+
+  {{#file.blocks}}
+    {{#usage_showcase}}
+      <div class="sherpa-showcase sherpa-clearfix">
+        {{{usage_showcase}}}
+      </div>
+    {{/usage_showcase}}
+  {{/file.blocks}}
+
+</section>
+

data/sherpa/layouts/raw.mustache

@@ -0,0 +1,25 @@
+
+<section class="sherpa-section sherpa-clearfix" id="{{{id}}}">
+
+  {{#filepath}}
+    <div class="sherpa-filepath sherpa-clearfix">
+      <a href="{{{repo_url}}}" target="_blank">{{{filepath}}}</a>
+    </div>
+  {{/filepath}}
+
+  {{#file.markup}}
+    <div class="sherpa-description sherpa-clearfix">
+      {{{file.markup}}}
+    </div>
+  {{/file.markup}}
+
+  {{#file.blocks}}
+    {{#usage_showcase}}
+      <div class="sherpa-showcase sherpa-clearfix">
+        {{{usage_showcase}}}
+      </div>
+    {{/usage_showcase}}
+  {{/file.blocks}}
+
+</section>
+

data/sherpa/layouts/section.mustache

@@ -0,0 +1,67 @@
+
+<section class="sherpa-section sherpa-clearfix">
+
+  {{#filepath}}
+    <div class="sherpa-filepath sherpa-clearfix">
+      <a href="{{{repo_url}}}" target="_blank">{{{filepath}}}</a>
+    </div>
+  {{/filepath}}
+
+  {{#file.blocks}}
+    {{#summary}}
+      <div class="sherpa-summary sherpa-clearfix" id="{{{id}}}">
+        {{{summary}}}
+      </div>
+    {{/summary}}
+
+    {{#arguments}}
+      <div class="sherpa-description sherpa-clearfix">
+        {{{arguments}}}
+      </div>
+    {{/arguments}}
+
+    {{#states}}
+      <div class="sherpa-description sherpa-clearfix">
+        {{{states}}}
+      </div>
+    {{/states}}
+
+    {{#usage_showcase}}
+      <div class="sherpa-showcase sherpa-clearfix">
+        {{{usage_showcase}}}
+      </div>
+    {{/usage_showcase}}
+
+    {{#usage}}
+      <div class="sherpa-description sherpa-usage sherpa-clearfix">
+        {{{usage}}}
+      </div>
+    {{/usage}}
+
+    {{#examples}}
+      <div class="sherpa-description sherpa-clearfix">
+        {{{examples}}}
+      </div>
+    {{/examples}}
+
+    {{#notes}}
+      <div class="sherpa-description sherpa-notes sherpa-clearfix">
+        {{{notes}}}
+      </div>
+    {{/notes}}
+
+    {{#warnings}}
+      <div class="sherpa-description sherpa-notes sherpa-warnings sherpa-clearfix">
+        {{{warnings}}}
+      </div>
+    {{/warnings}}
+
+    {{#alerts}}
+      <div class="sherpa-description sherpa-notes sherpa-alerts sherpa-clearfix">
+        {{{alerts}}}
+      </div>
+    {{/alerts}}
+  {{/file.blocks}}
+
+</section>
+

data/underoos.gemspec

@@ -20,10 +20,8 @@ Gem::Specification.new do |s|
 
   s.add_runtime_dependency 'rails', '>= 3.1.0'
   s.add_runtime_dependency 'sass-rails'
-  s.add_runtime_dependency 'haml-rails'
 
   s.add_development_dependency 'cucumber'
   s.add_development_dependency 'aruba'
-  s.add_development_dependency 'jquery-rails'
 
 end

data/vendor/assets/javascripts/bootstrap-alert.js

@@ -1,5 +1,5 @@
 /* ==========================================================
- * bootstrap-alert.js v2.0.2
+ * bootstrap-alert.js v2.0.3
  * http://twitter.github.com/bootstrap/javascript.html#alerts
  * ==========================================================
  * Copyright 2012 Twitter, Inc.
@@ -18,61 +18,57 @@
  * ========================================================== */
 
 
-!function( $ ){
+!function ($) {
+
+  "use strict"; // jshint ;_;
 
-  "use strict"
 
  /* ALERT CLASS DEFINITION
   * ====================== */
 
   var dismiss = '[data-dismiss="alert"]'
-    , Alert = function ( el ) {
+    , Alert = function (el) {
         $(el).on('click', dismiss, this.close)
       }
 
-  Alert.prototype = {
-
-    constructor: Alert
+  Alert.prototype.close = function (e) {
+    var $this = $(this)
+      , selector = $this.attr('data-target')
+      , $parent
 
-  , close: function ( e ) {
-      var $this = $(this)
-        , selector = $this.attr('data-target')
-        , $parent
+    if (!selector) {
+      selector = $this.attr('href')
+      selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
+    }
 
-      if (!selector) {
-        selector = $this.attr('href')
-        selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
-      }
+    $parent = $(selector)
 
-      $parent = $(selector)
-      $parent.trigger('close')
+    e && e.preventDefault()
 
-      e && e.preventDefault()
+    $parent.length || ($parent = $this.hasClass('alert') ? $this : $this.parent())
 
-      $parent.length || ($parent = $this.hasClass('alert') ? $this : $this.parent())
+    $parent.trigger(e = $.Event('close'))
 
-      $parent
-        .trigger('close')
-        .removeClass('in')
+    if (e.isDefaultPrevented()) return
 
-      function removeElement() {
-        $parent
-          .trigger('closed')
-          .remove()
-      }
+    $parent.removeClass('in')
 
-      $.support.transition && $parent.hasClass('fade') ?
-        $parent.on($.support.transition.end, removeElement) :
-        removeElement()
+    function removeElement() {
+      $parent
+        .trigger('closed')
+        .remove()
     }
 
+    $.support.transition && $parent.hasClass('fade') ?
+      $parent.on($.support.transition.end, removeElement) :
+      removeElement()
   }
 
 
  /* ALERT PLUGIN DEFINITION
   * ======================= */
 
-  $.fn.alert = function ( option ) {
+  $.fn.alert = function (option) {
     return this.each(function () {
       var $this = $(this)
         , data = $this.data('alert')
@@ -91,4 +87,4 @@
     $('body').on('click.alert.data-api', dismiss, Alert.prototype.close)
   })
 
-}( window.jQuery );
+}(window.jQuery);

data/vendor/assets/javascripts/bootstrap-button.js

@@ -1,5 +1,5 @@
 /* ============================================================
- * bootstrap-button.js v2.0.2
+ * bootstrap-button.js v2.0.3
  * http://twitter.github.com/bootstrap/javascript.html#buttons
  * ============================================================
  * Copyright 2012 Twitter, Inc.
@@ -17,58 +17,54 @@
  * limitations under the License.
  * ============================================================ */
 
-!function( $ ){
 
-  "use strict"
+!function ($) {
+
+  "use strict"; // jshint ;_;
+
 
  /* BUTTON PUBLIC CLASS DEFINITION
   * ============================== */
 
-  var Button = function ( element, options ) {
+  var Button = function (element, options) {
     this.$element = $(element)
     this.options = $.extend({}, $.fn.button.defaults, options)
   }
 
-  Button.prototype = {
-
-      constructor: Button
+  Button.prototype.setState = function (state) {
+    var d = 'disabled'
+      , $el = this.$element
+      , data = $el.data()
+      , val = $el.is('input') ? 'val' : 'html'
 
-    , setState: function ( state ) {
-        var d = 'disabled'
-          , $el = this.$element
-          , data = $el.data()
-          , val = $el.is('input') ? 'val' : 'html'
+    state = state + 'Text'
+    data.resetText || $el.data('resetText', $el[val]())
 
-        state = state + 'Text'
-        data.resetText || $el.data('resetText', $el[val]())
+    $el[val](data[state] || this.options[state])
 
-        $el[val](data[state] || this.options[state])
-
-        // push to event loop to allow forms to submit
-        setTimeout(function () {
-          state == 'loadingText' ?
-            $el.addClass(d).attr(d, d) :
-            $el.removeClass(d).removeAttr(d)
-        }, 0)
-      }
-
-    , toggle: function () {
-        var $parent = this.$element.parent('[data-toggle="buttons-radio"]')
+    // push to event loop to allow forms to submit
+    setTimeout(function () {
+      state == 'loadingText' ?
+        $el.addClass(d).attr(d, d) :
+        $el.removeClass(d).removeAttr(d)
+    }, 0)
+  }
 
-        $parent && $parent
-          .find('.active')
-          .removeClass('active')
+  Button.prototype.toggle = function () {
+    var $parent = this.$element.parent('[data-toggle="buttons-radio"]')
 
-        this.$element.toggleClass('active')
-      }
+    $parent && $parent
+      .find('.active')
+      .removeClass('active')
 
+    this.$element.toggleClass('active')
   }
 
 
  /* BUTTON PLUGIN DEFINITION
   * ======================== */
 
-  $.fn.button = function ( option ) {
+  $.fn.button = function (option) {
     return this.each(function () {
       var $this = $(this)
         , data = $this.data('button')
@@ -97,4 +93,4 @@
     })
   })
 
-}( window.jQuery );
+}(window.jQuery);