skeletor_backbone 0.0.3

data/app/assets/stylesheets/skeletor/layout/skeleton.sass

@@ -0,0 +1,58 @@
+// Layout Styles based on SMACSS
+// For more info on SMACSS - http://smacss.com/book/type-layout
+//
+// =============================================================================
+// Table of Contents
+// =============================================================================
+//
+//  IMPORTS......................Imported Sass Methods
+//  RESPONSIVE GRIDS.............Grid System
+//  BASE STRUCTURE...............Content, Containers
+//
+
+
+// -----------------------------------------------------------------------------
+//  :: IMPORTS
+// -----------------------------------------------------------------------------
+@import "grid"
+
+
+
+
+@if $grid
+  // ---------------------------------------------------------------------------
+  //  :: RESPONSIVE GRIDS
+  // ---------------------------------------------------------------------------
+  // Extends placeholder from 'backbone/grid'
+  .l-grid
+    @extend %grid
+
+  .l-grid--full
+    @extend %grid
+    @extend %grid--full
+
+  .l-grid__item
+    @extend %grid__item
+
+
+
+
+
+// -----------------------------------------------------------------------------
+//  :: BASE STRUCTURE
+// -----------------------------------------------------------------------------
+// Site Container full height max width
+.l-container
+  height: auto
+  min-height: 100%
+  width: 100%
+
+// Page max width wrapper
+.l-content
+  margin: 0 auto
+  //max-width: $base-width
+  //width: 95%
+
+// 100% width container
+.l-content--full
+  width: 100%

data/lib/generators/skeletor/install_generator.rb

@@ -0,0 +1,26 @@
+require 'rails/generators'
+
+module Skeletor
+  module Generators
+    class InstallGenerator < Rails::Generators::Base
+      source_root File.join(File.dirname(__FILE__), '..', 'templates')
+
+      def add_assets
+        # settings_file = File.read("#{SkeletorBackbone::css_path}/_settings.sass")
+        # create_file "app/assets/stylesheets/skeletor_and_settings.sass", File.read(settings_file)
+        `sass-convert --from sass --to scss "#{SkeletorBackbone::css_path}/_settings.sass" "app/assets/stylesheets/skeletor_backbone.scss"`
+        append_to_file "app/assets/stylesheets/skeletor_backbone.scss", "\n@import \"skeletor\";\n"
+        insert_into_file "app/assets/stylesheets/application#{detect_css_format[0]}", "\n#{detect_css_format[1]} require normalize \n#{detect_css_format[1]} require skeletor_backbone", :after => "require_self"
+      end
+
+      def detect_css_format
+        return ['.css', ' *='] if File.exist?('app/assets/stylesheets/application.css')
+        return ['.css.sass', '//='] if File.exist?('app/assets/stylesheets/application.css.sass')
+        return ['.sass', '//='] if File.exist?('app/assets/stylesheets/application.sass')
+        return ['.css.scss', '//='] if File.exist?('app/assets/stylesheets/application.css.scss')
+        return ['.scss', '//='] if File.exist?('app/assets/stylesheets/application.scss')
+      end
+
+    end
+  end
+end

data/lib/sass/sass_extend.rb

@@ -0,0 +1,107 @@
+require 'sass'
+
+module Sass::Script::Functions
+  # Sass Math Helpers
+  def power(base, exponent)
+    base = base.value.to_f
+    exponent = exponent.value.to_f
+    result = base ** exponent
+    Sass::Script::Number.new(result)
+  end
+
+  # Return Calculated Modular Scale Values
+  def calculate_ms_ratio(num1, num2)
+    value = num1 / num2
+    return value
+  end
+
+  def golden_ratio
+    result = (1.0 / 2.0) + (Math.sqrt(5) / 2.0)
+    Sass::Script::Number.new(result)
+  end
+
+  def minor_second
+    result = calculate_ms_ratio(16, 15.0)
+    Sass::Script::Number.new(result)
+  end
+
+  def major_second
+    result = calculate_ms_ratio(9, 8.0)
+    Sass::Script::Number.new(result)
+  end
+
+  def minor_third
+    result = calculate_ms_ratio(6, 5.0)
+    Sass::Script::Number.new(result)
+  end
+
+  def major_third
+    result = calculate_ms_ratio(5, 4.0)
+    Sass::Script::Number.new(result)
+  end
+
+  def perfect_fourth
+    result = calculate_ms_ratio(4, 3.0)
+    Sass::Script::Number.new(result)
+  end
+
+  def augmented_fourth
+    result = calculate_ms_ratio(Math.sqrt(2), 1.0)
+    Sass::Script::Number.new(result)
+  end
+
+  def diminished_fifth
+    return augmented_fourth
+  end
+
+  def perfect_fifth
+    result = calculate_ms_ratio(3, 2.0)
+    Sass::Script::Number.new(result)
+  end
+
+  def minor_sixth
+    result = calculate_ms_ratio(8, 5.0)
+    Sass::Script::Number.new(result)
+  end
+
+  def major_sixth
+    result = calculate_ms_ratio(5, 3.0)
+    Sass::Script::Number.new(result)
+  end
+
+  def minor_seventh
+    result = calculate_ms_ratio(16, 9.0)
+    Sass::Script::Number.new(result)
+  end
+
+  def major_seventh
+    result = calculate_ms_ratio(15, 8.0)
+    Sass::Script::Number.new(result)
+  end
+
+  def octave
+    result = calculate_ms_ratio(2, 1.0)
+    Sass::Script::Number.new(result)
+  end
+
+  def major_tenth
+    result = calculate_ms_ratio(5, 2.0)
+    Sass::Script::Number.new(result)
+  end
+
+  def major_eleventh
+    result = calculate_ms_ratio(8, 3.0)
+    Sass::Script::Number.new(result)
+  end
+
+  def major_twelfth
+    result = calculate_ms_ratio(3, 1.0)
+    Sass::Script::Number.new(result)
+  end
+
+  def double_octave
+    result = calculate_ms_ratio(4, 1.0)
+    Sass::Script::Number.new(result)
+  end
+
+end

data/lib/skeletor_backbone.rb

@@ -0,0 +1,23 @@
+require "skeletor_backbone/version"
+require "sass/sass_extend"
+
+module SkeletorBackbone
+  def self.root_path
+    File.expand_path('../..', __FILE__)
+  end
+
+  def self.js_path
+    File.expand_path("#{root_path}/app/assets/javascripts/skeletor", __FILE__)
+  end
+
+  def self.css_path
+    File.expand_path("#{root_path}/app/assets/stylesheets/skeletor", __FILE__)
+  end
+
+  class Engine < Rails::Engine
+    # require 'sass'
+    initializer "normalize.css asset precompile" do |app|
+      app.config.assets.precompile += %w( vendor/normalize.css )
+    end
+  end
+end

data/lib/skeletor_backbone/version.rb

@@ -0,0 +1,3 @@
+module SkeletorBackbone
+  VERSION = "0.0.3"
+end

data/skeletor_backbone.gemspec

@@ -0,0 +1,26 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'skeletor_backbone/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "skeletor_backbone"
+  spec.version       = SkeletorBackbone::VERSION
+  spec.authors       = ["Mike Reinmiller"]
+  spec.email         = ["mikereinmiller@gmail.com"]
+  spec.summary       = %q{Style-Agnostic CSS Framework}
+  spec.description   = %q{CSS Framework with boilerplate styles without being too intrusive}
+  spec.homepage      = ""
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.5"
+  spec.add_development_dependency "rake"
+
+  spec.add_runtime_dependency "sass", ">= 3.2.0"
+  spec.add_dependency "railties", ">= 3.1.0"
+end

data/vendor/assets/stylesheets/normalize.css

@@ -0,0 +1,406 @@
+/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+    display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+    display: inline-block;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9.
+ * Hide the `template` element in IE, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+    display: none;
+}
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+    font-family: sans-serif; /* 1 */
+    -ms-text-size-adjust: 100%; /* 2 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+    background: transparent;
+}
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+    outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari 5, and Chrome.
+ */
+
+h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+    border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+    font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+    font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+    background: #ff0;
+    color: #000;
+}
+
+/**
+ * Correct font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+    font-family: monospace, serif;
+    font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+    white-space: pre-wrap;
+}
+
+/**
+ * Set consistent quote types.
+ */
+
+q {
+    quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+    font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+sup {
+    top: -0.5em;
+}
+
+sub {
+    bottom: -0.25em;
+}
+
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9.
+ */
+
+img {
+    border: 0;
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+    overflow: hidden;
+}
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+    border: 0; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct font family not being inherited in all browsers.
+ * 2. Correct font size not being inherited in all browsers.
+ * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
+ */
+
+button,
+input,
+select,
+textarea {
+    font-family: inherit; /* 1 */
+    font-size: 100%; /* 2 */
+    margin: 0; /* 3 */
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+    line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+    text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button; /* 2 */
+    cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+    cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+    -webkit-appearance: textfield; /* 1 */
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box; /* 2 */
+    box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+    overflow: auto; /* 1 */
+    vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}