toolkit 0.1.13 → 0.1.14

data/LICENSE.txt

@@ -0,0 +1,21 @@
+Hammer.js License:
+
+Copyright (C) 2011 by Jorik Tangelder (Eight Media)
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/stylesheets/_toolkit.scss

@@ -24,6 +24,6 @@
 @import 'toolkit/clearfix';
 
 //////////////////////////////
-// Import Vertical Align
+// Import Vertical Center
 //////////////////////////////
-@import 'toolkit/vertical-align';
+@import 'toolkit/vertical-center';

data/stylesheets/toolkit/_border-box.scss

@@ -1,7 +1,8 @@
 ////////////////////////
 // Cheat at CSS
 //
-// Applies a natural box layout modeul to all elements.
+// Applies a natural box layout model to all elements.
 //  From http://paulirish.com/2012/box-sizing-border-box-ftw/
 ////////////////////////
+@import "compass/css3/box-sizing";
 * { @include box-sizing('border-box'); }

data/stylesheets/toolkit/_fluid-media.scss

@@ -11,13 +11,30 @@ img {
 //
 // From the outrageously awesome Scott Kellum
 ////////////////////////
-@mixin scale-elements($ratio: 16/9, $width: 100%, $elements: '*') {
-  @extend %scaling-elements-parent;
+@mixin scale-elements($ratio: 16/9, $width: 100%, $elements: '*', $no-extend: false) {
+  @if $no-extend {
+    position: relative;
+    height: 0;
+  }
+  @else {
+    @extend %scaling-elements-parent;
+  }
   padding-top: (1 / $ratio) * $width;
   width: $width;
   @each $element in $elements {
     > #{$element} {
-      @extend %scaling-elements-child;
+      @if $no-extend {
+        display: block;
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        top: 0;
+        margin: 0;
+        padding: 0;
+      }
+      @else {
+        @extend %scaling-elements-child;
+      }
     }
   }
 }

data/stylesheets/toolkit/_pe.scss

@@ -14,10 +14,17 @@
 //
 // - $feature: Modernizr feature (base CSS class name)
 ////////////////////////
-@mixin degrade-from($feature) {
-  .no-#{$feature} &,
-  .no-js & {
-    @content;
+@mixin degrade-from($feature, $no-js: true) {
+  @if $feature == 'js' or not $no-js {
+    .no-#{$feature} & {
+      @content;
+    }
+  }
+  @else {
+    .no-#{$feature} &,
+    .no-js & {
+      @content;
+    }
   }
 }
 
@@ -30,13 +37,14 @@
 // - $with-dimensions: Switches between including dimensions (height/width for all and background-size for SVG) or not. Defaults to true.
 // - $inline: Whether or not the containing selector is an inline element. Defaults to false.
 ////////////////////////
-@mixin replace-text-pe($png-path, $sprite, $inline-svg: true, $with-dimensions: true, $inline: false) {
+@mixin replace-text-pe($img-path, $sprite, $inline-svg: true, $with-dimensions: true, $inline-element: false) {
   // Map Out the Sprite
-  @debug $png-path + '*.png';
+  $png-path: $img-path + '/*.png';
   $sprite-map: sprite-map($png-path);
   
   // Build SVG file name
-  $svg-file: str-replace('*.png', '#{$sprite}.svg', $png-path);
+//  $svg-file: str-replace('*.png', '#{$sprite}.svg', $png-path);
+  $svg-file: $img-path + '/#{$sprite}.svg';
   
   // Default Sprite File
   $sprite-file: '' !default;
@@ -51,7 +59,7 @@
   }
   
   // Hide text. Use squish-text() if the element is inline
-  @if $inline {
+  @if $inline-element {
     @extend %replace-text-pe-squish;
   }
   @else {
@@ -91,7 +99,8 @@
 //
 // - $png-path: The path to the pngs for the image sprite, including the *.png (just like normal image sprites)
 //////////////////////////////
-@mixin sprite-map-generator($png-path) {
+@mixin sprite-map-generator($img-path) {
+  $png-path: $img-path + '/*.png';
   $png-path: sprite-map($png-path);
   %#{sprite-map-name($png-path)}-image-map {
     background: {

data/stylesheets/toolkit/{_vertical-align.scss → _vertical-center.scss}

@@ -5,7 +5,7 @@ $legacy-support-for-ie: true !default;
 //
 // Adapted from http://css-tricks.com/vertically-center-multi-lined-text/
 //////////////////////////////
-@mixin vertical-align {
+@mixin vertical-center {
   display: table-cell;
   vertical-align: middle;
   
@@ -16,4 +16,8 @@ $legacy-support-for-ie: true !default;
     style.clear = "none", 0
     );
   }
+}
+
+%vertical-center {
+  @include vertical-center;
 }

data/templates/project/_base.scss

@@ -16,8 +16,6 @@
 // Compass Extensions
 ////////////////////////
 @import 'toolkit';
-@import 'susy';
-@import 'breakpoint';
 
 ////////////////////////
 // Private Imports

data/templates/project/manifest.rb

@@ -1,26 +1,26 @@
 description "Responsive Web Design Kickstart"
 
 # Stylesheets
-file '../shared/style.scss',  :like => :stylesheet, :media => 'screen, projection', :to => 'style.scss'
+# file '../shared/style.scss',  :like => :stylesheet, :media => 'screen, projection', :to => 'style.scss'
 
 file '_base.scss',  :like => :stylesheet, :to => 'partials/global/_base.scss'
-file '../shared/_variables.scss', :like => :stylesheet, :to => 'partials/global/_variables.scss'
-file '../shared/_functions.scss', :like => :stylesheet, :to => 'partials/global/_functions.scss'
-file '../shared/_mixins.scss', :like => :stylesheet, :to => 'partials/global/_mixins.scss'
-file '../shared/_extendables.scss', :like => :stylesheet, :to => 'partials/global/_extendables.scss'
-
-file '../shared/_style-guide.scss', :like => :stylesheet, :to => 'partials/styleguide/_style-guide.scss'
-
-file '../shared/_layout.scss', :like => :stylesheet, :to => 'partials/layout/_layout.scss'
-file '../shared/_ie-layout.scss', :like => :stylesheet, :to => 'partials/layout/_ie-layout.scss'
-file '../shared/_print-layout.scss', :like => :stylesheet, :to => 'partials/layout/_print-layout.scss'
-
-file '../shared/_design.scss', :like => :stylesheet, :to => 'partials/design/_design.scss'
-file '../shared/_ie-design.scss', :like => :stylesheet, :to => 'partials/design/_ie-design.scss'
-file '../shared/_print-design.scss', :like => :stylesheet, :to => 'partials/design/_print-design.scss'
-
-file '../shared/print.scss',  :like => :stylesheet, :media => 'print', :to => 'print.scss'
-file '../shared/ie.scss',     :like => :stylesheet, :media => 'screen, projection', :condition => "lt IE 8", :to => 'ie.scss'
+# file '../shared/_variables.scss', :like => :stylesheet, :to => 'partials/global/_variables.scss'
+# file '../shared/_functions.scss', :like => :stylesheet, :to => 'partials/global/_functions.scss'
+# file '../shared/_mixins.scss', :like => :stylesheet, :to => 'partials/global/_mixins.scss'
+# file '../shared/_extendables.scss', :like => :stylesheet, :to => 'partials/global/_extendables.scss'
+# 
+# file '../shared/_style-guide.scss', :like => :stylesheet, :to => 'partials/styleguide/_style-guide.scss'
+# 
+# file '../shared/_layout.scss', :like => :stylesheet, :to => 'partials/layout/_layout.scss'
+# file '../shared/_ie-layout.scss', :like => :stylesheet, :to => 'partials/layout/_ie-layout.scss'
+# file '../shared/_print-layout.scss', :like => :stylesheet, :to => 'partials/layout/_print-layout.scss'
+# 
+# file '../shared/_design.scss', :like => :stylesheet, :to => 'partials/design/_design.scss'
+# file '../shared/_ie-design.scss', :like => :stylesheet, :to => 'partials/design/_ie-design.scss'
+# file '../shared/_print-design.scss', :like => :stylesheet, :to => 'partials/design/_print-design.scss'
+# 
+# file '../shared/print.scss',  :like => :stylesheet, :media => 'print', :to => 'print.scss'
+# file '../shared/ie.scss',     :like => :stylesheet, :media => 'screen, projection', :condition => "lt IE 8", :to => 'ie.scss'
 
 # JavaScript
 file '../shared/hammer.js',           :like => :javascript, :to => 'hammer.js'
@@ -42,9 +42,7 @@ welcome_message %Q{
   
 The following is included in this build:
   Compass Extensions:
-   * Susy
    * Toolkit
-   * Breakpoint
    
   JavaScript:
    * Modernizr Custom Build with all Standard features of 2.3.5 except html5shiv w/printshiv or Media Queries. Build your own from http://modernizr.com/download/ when you are ready for production

data/templates/susy/_base.scss

@@ -0,0 +1,28 @@
+////////////////////////
+// Base Partials
+//
+// These files will be shared across all three of your output
+//  CSS files. Generally included here are only Compass Extension
+//  imports and imports for variables, functions, mixins, and extendables.
+////////////////////////
+
+////////////////////////
+// Compass Imports
+//
+// Toolkit include @import 'compass' so you don't need to.
+////////////////////////
+
+////////////////////////
+// Compass Extensions
+////////////////////////
+@import 'toolkit';
+@import 'susy';
+@import 'breakpoint';
+
+////////////////////////
+// Private Imports
+////////////////////////
+@import 'variables';
+@import 'functions';
+@import 'mixins';
+@import 'extendables';

data/templates/susy/manifest.rb

@@ -0,0 +1,71 @@
+description "Responsive Web Design Kickstart"
+
+# Stylesheets
+file '../shared/style.scss',  :like => :stylesheet, :media => 'screen, projection', :to => 'style.scss'
+
+file '_base.scss',  :like => :stylesheet, :to => 'partials/global/_base.scss'
+file '../shared/_variables.scss', :like => :stylesheet, :to => 'partials/global/_variables.scss'
+file '../shared/_functions.scss', :like => :stylesheet, :to => 'partials/global/_functions.scss'
+file '../shared/_mixins.scss', :like => :stylesheet, :to => 'partials/global/_mixins.scss'
+file '../shared/_extendables.scss', :like => :stylesheet, :to => 'partials/global/_extendables.scss'
+
+file '../shared/_style-guide.scss', :like => :stylesheet, :to => 'partials/styleguide/_style-guide.scss'
+
+file '../shared/_layout.scss', :like => :stylesheet, :to => 'partials/layout/_layout.scss'
+file '../shared/_ie-layout.scss', :like => :stylesheet, :to => 'partials/layout/_ie-layout.scss'
+file '../shared/_print-layout.scss', :like => :stylesheet, :to => 'partials/layout/_print-layout.scss'
+
+file '../shared/_design.scss', :like => :stylesheet, :to => 'partials/design/_design.scss'
+file '../shared/_ie-design.scss', :like => :stylesheet, :to => 'partials/design/_ie-design.scss'
+file '../shared/_print-design.scss', :like => :stylesheet, :to => 'partials/design/_print-design.scss'
+
+file '../shared/print.scss',  :like => :stylesheet, :media => 'print', :to => 'print.scss'
+file '../shared/ie.scss',     :like => :stylesheet, :media => 'screen, projection', :condition => "lt IE 8", :to => 'ie.scss'
+
+# JavaScript
+file '../shared/hammer.js',           :like => :javascript, :to => 'hammer.js'
+file '../shared/loader.js',           :like => :javascript, :to => 'loader.js'
+file '../shared/modernizr-2.5.3.js',  :like => :javascript, :to => 'modernizr-2.5.3.js'
+
+help %Q{
+  Please contact Sam Richard or Mason Wendell with questions:
+
+      sam@snug.ug
+      mason@zivtech.com
+}
+
+welcome_message %Q{
+
+  Responsive Web Design Kickstart
+  
+  Welcome to the Responsive Web Design Kickstart gem! Provided are the basic tools needed to kickstart a custom Responsive Web Design solution tailor made to your needs! Remember, tools and best practices are always changing, so keep up to date!
+  
+The following is included in this build:
+  Compass Extensions:
+   * Susy
+   * Toolkit
+   * Breakpoint
+   
+  JavaScript:
+   * Modernizr Custom Build with all Standard features of 2.3.5 except html5shiv w/printshiv or Media Queries. Build your own from http://modernizr.com/download/ when you are ready for production
+   * Loader.js custom JavaScript file for holding conditional asset loading scripts thanks to Modernizr's yepnope (http://yepnopejs.com/). Comes with yepnope code for loading in Hammer.js, just make sure the path is correct from root.. Ready for production, but remember to minify and gzip!
+   * Hammer.js (http://eightmedia.github.com/hammer.js/) for awesome touch events. Ready for production, but remember to minify and gzip!
+    
+  Include the following in your <head> tag:
+  
+  <meta content='width=device-width, initial-scale=1.0' name='viewport' />
+  <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible' />
+  <!--[if lt IE 9 ]> <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js"></script><script>window.attachEvent("onload",function(){CFInstall.check({mode:"overlay"})})</script> <![endif]-->
+  <!-- CSS -->
+  <link href='path/to/css/style.css?v=1' rel='stylesheet' />
+  <!-- All JavaScript at the bottom, except for Modernizr and Respond/Selectivizr for IE 8 and Below. -->
+  <script src='path/to/js/modernizr-2.5.3.js'></script>
+  
+  Include the following, and all other JavaScript, including any JavaScript frameworks you may be using like jQuery, right before your closing </body> tag:
+  
+  <!-- Javascript at the bottom for fast page loading -->
+  <script src='path/to/js/loader.js'></script>
+  
+  
+}
+

metadata

@@ -5,8 +5,8 @@ version: !ruby/object:Gem::Version
   segments: 
   - 0
   - 1
-  - 13
-  version: 0.1.13
+  - 14
+  version: 0.1.14
 platform: ruby
 authors: 
 - Sam Richard
@@ -90,11 +90,9 @@ files:
 - stylesheets/toolkit/_clearfix.scss
 - stylesheets/toolkit/_fluid-media.scss
 - stylesheets/toolkit/_pe.scss
-- stylesheets/toolkit/_vertical-align.scss
+- stylesheets/toolkit/_vertical-center.scss
 - templates/project/_base.scss
 - templates/project/manifest.rb
-- templates/respond-to/_base.scss
-- templates/respond-to/manifest.rb
 - templates/shared/_design.scss
 - templates/shared/_extendables.scss
 - templates/shared/_functions.scss
@@ -116,6 +114,11 @@ files:
 - templates/singularity/manifest.rb
 - templates/singularity-respond-to/_base.scss
 - templates/singularity-respond-to/manifest.rb
+- templates/susy/_base.scss
+- templates/susy/manifest.rb
+- templates/susy-respond-to/_base.scss
+- templates/susy-respond-to/manifest.rb
+- LICENSE.txt
 has_rdoc: true
 homepage: https://github.com/Snugug/toolkit
 licenses: []