underoos 1.0.0

data/app/views/underoos/styleguides/partials/_table-data.haml

@@ -0,0 +1,33 @@
+
+%caption Table Caption
+%thead
+  %tr
+    %th
+      %a(href="#") #
+    %th Table Header
+    %th
+      %a.ascending(href="#") Ascending <span class="caret"></span>
+    %th
+      %a.descending(href="#") Descending <span class="caret north"></span>
+%tfoot
+  %tr
+    %td(colspan="4") The table footer appears at the bottom of the table. Set the <code>colspan</code> attribute to span the width of the table.
+%tbody
+  %tr
+    %td 1
+    %td Table Data
+    %td One
+    %td Three
+  %tr
+    %td 2
+    %td
+      %a(href="#") Click me!
+    %td Two
+    %td Two
+  %tr
+    %td 3
+    %td
+      %a(href="#") Click me!
+    %td Three
+    %td One
+

data/app/views/underoos/styleguides/partials/_transitions.haml

@@ -0,0 +1,136 @@
+
+%section.sg-tranny-demo
+  %table.box.vborder.banded.thead-decorate
+    %thead
+      %tr
+        %th Property
+        %th Example
+    %tbody
+      %tr
+        %td.prop
+          %code default (linear)
+        %td
+          .sg-swatch
+      %tr
+        %td.prop
+          %code $ease-in-quad
+        %td
+          .sg-swatch.ease-in-quad
+      %tr
+        %td.prop
+          %code $ease-in-cubic
+        %td
+          .sg-swatch.ease-in-cubic
+      %tr
+        %td.prop
+          %code $ease-in-quart
+        %td
+          .sg-swatch.ease-in-quart
+      %tr
+        %td.prop
+          %code $ease-in-quint
+        %td
+          .sg-swatch.ease-in-quint
+      %tr
+        %td.prop
+          %code $ease-in-sine
+        %td
+          .sg-swatch.ease-in-sine
+      %tr
+        %td.prop
+          %code $ease-in-expo
+        %td
+          .sg-swatch.ease-in-expo
+      %tr
+        %td.prop
+          %code $ease-in-circ
+        %td
+          .sg-swatch.ease-in-circ
+      %tr
+        %td.prop
+          %code $ease-in-back
+        %td
+          .sg-swatch.ease-in-back
+
+      %tr
+        %td.prop
+          %code $ease-out-quad
+        %td
+          .sg-swatch.ease-out-quad
+      %tr
+        %td.prop
+          %code $ease-out-cubic
+        %td
+          .sg-swatch.ease-out-cubic
+      %tr
+        %td.prop
+          %code $ease-out-quart
+        %td
+          .sg-swatch.ease-out-quart
+      %tr
+        %td.prop
+          %code $ease-out-quint
+        %td
+          .sg-swatch.ease-out-quint
+      %tr
+        %td.prop
+          %code $ease-out-sine
+        %td
+          .sg-swatch.ease-out-sine
+      %tr
+        %td.prop
+          %code $ease-out-expo
+        %td
+          .sg-swatch.ease-out-expo
+      %tr
+        %td.prop
+          %code $ease-out-circ
+        %td
+          .sg-swatch.ease-out-circ
+      %tr
+        %td.prop
+          %code $ease-out-back
+        %td
+          .sg-swatch.ease-out-back
+
+      %tr
+        %td.prop
+          %code $ease-in-out-quad
+        %td
+          .sg-swatch.ease-in-out-quad
+      %tr
+        %td.prop
+          %code $ease-in-out-cubic
+        %td
+          .sg-swatch.ease-in-out-cubic
+      %tr
+        %td.prop
+          %code $ease-in-out-quart
+        %td
+          .sg-swatch.ease-in-out-quart
+      %tr
+        %td.prop
+          %code $ease-in-out-quint
+        %td
+          .sg-swatch.ease-in-out-quint
+      %tr
+        %td.prop
+          %code $ease-in-out-sine
+        %td
+          .sg-swatch.ease-in-out-sine
+      %tr
+        %td.prop
+          %code $ease-in-out-expo
+        %td
+          .sg-swatch.ease-in-out-expo
+      %tr
+        %td.prop
+          %code $ease-in-out-circ
+        %td
+          .sg-swatch.ease-in-out-circ
+      %tr
+        %td.prop
+          %code $ease-in-out-back
+        %td
+          .sg-swatch.ease-in-out-back
+

data/config.ru

@@ -0,0 +1,38 @@
+$LOAD_PATH.unshift File.join(File.dirname(__FILE__), 'lib')
+
+require 'rubygems'
+require 'bundler/setup'
+require 'underoos'
+
+require 'action_controller/railtie'
+require 'sass-rails'
+require 'sprockets/railtie'
+require 'haml-rails'
+require 'jquery-rails'
+
+# Set up a dummy app for development
+class Underoos::Application < Rails::Application
+
+  config.session_store :cookie_store, :key => '_underoos_session'
+  config.secret_token = '1319d8ccf1b9bfbdefcb6aa380aadkasdjlkajdlajd044ce'
+
+  config.encoding = 'utf-8'
+  config.assets.enabled   = true
+  config.assets.compress  = false
+  config.assets.debug     = true
+  config.assets.version = '1.2'
+  config.assets.compile       = true
+  config.serve_static_assets  = true
+  config.assets.prefix        = 'assets'
+  config.assets.digest        = false
+
+end
+
+Underoos::Application.initialize!
+
+Underoos::Application.routes.draw do
+  match '/' => redirect('/styleguide')
+  mount Underoos::Engine => "/styleguide"
+end
+
+run Underoos::Application

data/config/routes.rb

@@ -0,0 +1,3 @@
+Underoos::Engine.routes.draw do
+  match "/" => "styleguides#index"
+end

data/features/generator.feature

@@ -0,0 +1,78 @@
+@announce @announce-stderr
+Feature: Generating the Underoos SASS files into an app
+
+  Scenario: Copying the Sass files into a target app
+    Given I successfully run `bundle exec rails new testapp --skip-bundle`
+    And I cd to "testapp"
+    And I add Underoos as a gem dependency
+    And I run `bundle install --local`
+    When I successfully run `bundle exec rails generate underoos:assets --trace`
+    Then the following files should exist:
+      | app/assets/javascripts/underoos.js                      |
+      | app/assets/stylesheets/underoos.sass                    |
+      | app/assets/stylesheets/base/_button-btn-mixin.sass      |
+      | app/assets/stylesheets/base/_elements.sass              |
+      | app/assets/stylesheets/base/_forms.sass                 |
+      | app/assets/stylesheets/base/_helpers.sass               |
+      | app/assets/stylesheets/base/_normalize.sass             |
+      | app/assets/stylesheets/base/_scaffold.sass              |
+      | app/assets/stylesheets/base/_tables.sass                |
+      | app/assets/stylesheets/base/_transitions.sass           |
+      | app/assets/stylesheets/base/_typography.sass            |
+      | app/assets/stylesheets/components/_accordions.sass      |
+      | app/assets/stylesheets/components/_breadcrumbs.sass     |
+      | app/assets/stylesheets/components/_button-groups.sass   |
+      | app/assets/stylesheets/components/_carets.sass          |
+      | app/assets/stylesheets/components/_carousels.sass       |
+      | app/assets/stylesheets/components/_close.sass           |
+      | app/assets/stylesheets/components/_decals.sass          |
+      | app/assets/stylesheets/components/_dropdowns.sass       |
+      | app/assets/stylesheets/components/_media.sass           |
+      | app/assets/stylesheets/components/_modals.sass          |
+      | app/assets/stylesheets/components/_nav-lists.sass       |
+      | app/assets/stylesheets/components/_navbars.sass         |
+      | app/assets/stylesheets/components/_notifications.sass   |
+      | app/assets/stylesheets/components/_paddles.sass         |
+      | app/assets/stylesheets/components/_pagination.sass      |
+      | app/assets/stylesheets/components/_pills.sass           |
+      | app/assets/stylesheets/components/_popovers.sass        |
+      | app/assets/stylesheets/components/_progress-bars.sass   |
+      | app/assets/stylesheets/components/_tabs.sass            |
+      | app/assets/stylesheets/components/_tooltips.sass        |
+      | app/assets/stylesheets/components/_wells.sass           |
+      | app/assets/stylesheets/layouts/_containers.sass         |
+      | app/assets/stylesheets/layouts/_print.sass              |
+      | app/assets/stylesheets/layouts/_queries.sass            |
+      | app/assets/stylesheets/layouts/_upgrades.sass           |
+      | app/assets/stylesheets/mixins/_arrows.sass              |
+      | app/assets/stylesheets/mixins/_clearfixins.sass         |
+      | app/assets/stylesheets/mixins/_coloring.sass            |
+      | app/assets/stylesheets/mixins/_columns.sass             |
+      | app/assets/stylesheets/mixins/_conversions.sass         |
+      | app/assets/stylesheets/mixins/_font-size.sass           |
+      | app/assets/stylesheets/mixins/_image-tools.sass         |
+      | app/assets/stylesheets/mixins/_ir.sass                  |
+      | app/assets/stylesheets/mixins/_mixins.sass              |
+      | app/assets/stylesheets/mixins/_tab-focus.sass           |
+      | app/assets/stylesheets/mixins/_timing-equations.sass    |
+      | app/assets/stylesheets/mixins/_visibility.sass          |
+      | app/assets/stylesheets/polyfills/_box-shadow.sass       |
+      | app/assets/stylesheets/polyfills/_box-sizing.sass       |
+      | app/assets/stylesheets/polyfills/_functions.sass        |
+      | app/assets/stylesheets/polyfills/_inline-block.sass     |
+      | app/assets/stylesheets/polyfills/_opacity.sass          |
+      | app/assets/stylesheets/polyfills/_polyfills.sass        |
+      | app/assets/stylesheets/polyfills/_transition.sass       |
+      | app/assets/stylesheets/polyfills/_user-select.sass      |
+      | app/assets/stylesheets/themes/_default.sass             |
+      | vendor/assets/javascripts/bootstrap-alert.js            |
+      | vendor/assets/javascripts/bootstrap-button.js           |
+      | vendor/assets/javascripts/bootstrap-collapse.js         |
+      | vendor/assets/javascripts/bootstrap-dropdown.js         |
+      | vendor/assets/javascripts/bootstrap-modal.js            |
+      | vendor/assets/javascripts/bootstrap-popover.js          |
+      | vendor/assets/javascripts/bootstrap-scrollspy.js        |
+      | vendor/assets/javascripts/bootstrap-tab.js              |
+      | vendor/assets/javascripts/bootstrap-tooltip.js          |
+      | vendor/assets/javascripts/bootstrap-transition.js       |
+      | vendor/assets/javascripts/bootstrap-typeahead.js        |

data/features/step_definitions/underoos_steps.rb

@@ -0,0 +1,3 @@
+When /^I add Underoos as a gem dependency$/ do
+    append_to_file('Gemfile', %{\ngem "underoos", :path => "#{File.expand_path('../../../', __FILE__)}"\n})
+end

data/features/support/env.rb

@@ -0,0 +1,9 @@
+require 'aruba/cucumber'
+
+Before do
+  @aruba_timeout_seconds = 20
+end
+
+Before('@slow') do
+  @aruba_timeout_seconds = 180
+end

data/lib/generators/underoos/assets_generator.rb

@@ -0,0 +1,33 @@
+class Underoos::AssetsGenerator < Rails::Generators::Base
+
+  source_root File.expand_path("../../../../", __FILE__)
+
+  def copy_underoos_js_assets
+    copy_file 'app/assets/javascripts/underoos.js', 'app/assets/javascripts/underoos.js'
+  end
+
+  def copy_vendored_js_assets
+    copy_file 'vendor/assets/javascripts/bootstrap-alert.js'
+    copy_file 'vendor/assets/javascripts/bootstrap-button.js'
+    copy_file 'vendor/assets/javascripts/bootstrap-collapse.js'
+    copy_file 'vendor/assets/javascripts/bootstrap-dropdown.js'
+    copy_file 'vendor/assets/javascripts/bootstrap-modal.js'
+    copy_file 'vendor/assets/javascripts/bootstrap-popover.js'
+    copy_file 'vendor/assets/javascripts/bootstrap-scrollspy.js'
+    copy_file 'vendor/assets/javascripts/bootstrap-tab.js'
+    copy_file 'vendor/assets/javascripts/bootstrap-tooltip.js'
+    copy_file 'vendor/assets/javascripts/bootstrap-transition.js'
+    copy_file 'vendor/assets/javascripts/bootstrap-typeahead.js'
+  end
+
+  def copy_undeross_stylesheets
+    copy_file 'app/assets/stylesheets/underoos.sass'
+    directory 'app/assets/stylesheets/base'
+    directory 'app/assets/stylesheets/components'
+    directory 'app/assets/stylesheets/layouts'
+    directory 'app/assets/stylesheets/mixins'
+    directory 'app/assets/stylesheets/polyfills'
+    directory 'app/assets/stylesheets/themes'
+  end
+
+end

data/lib/underoos.rb

@@ -0,0 +1,5 @@
+require 'underoos/version'
+require 'underoos/engine'
+
+module Underoos
+end

data/lib/underoos/engine.rb

@@ -0,0 +1,8 @@
+require 'rails'
+
+module Underoos
+  class Engine < Rails::Engine
+    engine_name 'underoos'
+    isolate_namespace Underoos
+  end
+end

data/lib/underoos/version.rb

@@ -0,0 +1,3 @@
+module Underoos
+  VERSION = "1.0.0"
+end

data/script/javascripts

@@ -0,0 +1,15 @@
+#!/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
+curl -L -o ./vendor/assets/javascripts/bootstrap-modal.js http://twitter.github.com/bootstrap/assets/js/bootstrap-modal.js
+curl -L -o ./vendor/assets/javascripts/bootstrap-alert.js http://twitter.github.com/bootstrap/assets/js/bootstrap-alert.js
+curl -L -o ./vendor/assets/javascripts/bootstrap-button.js http://twitter.github.com/bootstrap/assets/js/bootstrap-button.js
+curl -L -o ./vendor/assets/javascripts/bootstrap-tab.js http://twitter.github.com/bootstrap/assets/js/bootstrap-tab.js
+curl -L -o ./vendor/assets/javascripts/bootstrap-collapse.js http://twitter.github.com/bootstrap/assets/js/bootstrap-collapse.js
+curl -L -o ./vendor/assets/javascripts/bootstrap-typeahead.js http://twitter.github.com/bootstrap/assets/js/bootstrap-typeahead.js
+
+echo Not Updated: jquery, prettify.js
+

data/underoos.gemspec

@@ -0,0 +1,29 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+require "underoos/version"
+
+Gem::Specification.new do |s|
+  s.name        = "underoos"
+  s.version     = Underoos::VERSION
+  s.authors     = ["Matthew Kitt"]
+  s.email       = ["matt.kitt@modeset.com"]
+  s.homepage    = "http://underoos.modeset.com/"
+  s.summary     = %q{Starter styles in Sass}
+  s.description = %q{Starter styles in Sass}
+
+  s.rubyforge_project = "underoos"
+
+  s.files         = `git ls-files`.split("\n")
+  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  s.require_paths = ["lib"]
+
+  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

@@ -0,0 +1,94 @@
+/* ==========================================================
+ * bootstrap-alert.js v2.0.2
+ * http://twitter.github.com/bootstrap/javascript.html#alerts
+ * ==========================================================
+ * Copyright 2012 Twitter, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ========================================================== */
+
+
+!function( $ ){
+
+  "use strict"
+
+ /* ALERT CLASS DEFINITION
+  * ====================== */
+
+  var dismiss = '[data-dismiss="alert"]'
+    , Alert = function ( el ) {
+        $(el).on('click', dismiss, this.close)
+      }
+
+  Alert.prototype = {
+
+    constructor: Alert
+
+  , 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
+      }
+
+      $parent = $(selector)
+      $parent.trigger('close')
+
+      e && e.preventDefault()
+
+      $parent.length || ($parent = $this.hasClass('alert') ? $this : $this.parent())
+
+      $parent
+        .trigger('close')
+        .removeClass('in')
+
+      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 ) {
+    return this.each(function () {
+      var $this = $(this)
+        , data = $this.data('alert')
+      if (!data) $this.data('alert', (data = new Alert(this)))
+      if (typeof option == 'string') data[option].call($this)
+    })
+  }
+
+  $.fn.alert.Constructor = Alert
+
+
+ /* ALERT DATA-API
+  * ============== */
+
+  $(function () {
+    $('body').on('click.alert.data-api', dismiss, Alert.prototype.close)
+  })
+
+}( window.jQuery );