toolkit 0.1.7 → 0.1.9

data/lib/toolkit.rb

@@ -1,6 +1,7 @@
 require 'compass'
 require 'susy'
 require 'respond-to'
+require 'singularitygs'
 
 extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
 Compass::Frameworks.register('toolkit', :path => extension_path)

data/stylesheets/_toolkit.scss

@@ -16,4 +16,9 @@
 ////////////////////////
 // Import Progressive Enhancement
 ////////////////////////
-@import 'toolkit/pe';
+@import 'toolkit/pe';
+
+//////////////////////////////
+// Import Clearfix
+//////////////////////////////
+@import 'toolkit/clearfix';

data/stylesheets/toolkit/_clearfix.scss

@@ -0,0 +1,61 @@
+//////////////////////////////
+// Legacy Clearfix
+//
+// For when you need full Legacy support, including old IE and old Firefox
+//
+// From http://www.css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
+//////////////////////////////
+%clearfix-legacy {
+  /* for IE 6/7 */
+  *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
+  /* non-JS fallback */
+  *zoom: 1;
+
+  &:before,
+  &:after {
+    content: ".";
+    display: block;
+    height: 0;
+    overflow: hidden;
+  }
+  
+  &:after {
+    clear: both;
+  }
+}
+
+//////////////////////////////
+// Micro Clearfix
+//
+// For when you need old IE support, but not concerned with old Firefox
+// From http://nicolasgallagher.com/better-float-containment-in-ie/
+//////////////////////////////
+%clearfix-micro {
+  /* for IE 6/7 */
+  *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
+  /* non-JS fallback */
+  *zoom: 1;
+
+  &:before,
+  &:after {
+    content: "";
+    display: table;
+  }
+  
+  &:after {
+    clear: both;
+  }
+}
+
+//////////////////////////////
+// Modern Clearfix
+//
+// Clearfix for modern browsers, especiall when using border-box
+//
+// From http://www.css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
+//////////////////////////////
+%clearfix:after {
+  content: "";
+  display: table;
+  clear: both;
+}

data/templates/singularity/_base.scss

@@ -0,0 +1,27 @@
+////////////////////////
+// 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 'singularitygs';
+
+////////////////////////
+// Private Imports
+////////////////////////
+@import 'variables';
+@import 'functions';
+@import 'mixins';
+@import 'extendables';

data/templates/singularity/manifest.rb

@@ -0,0 +1,70 @@
+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:
+   * Singularity
+   * Toolkit
+   
+  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>
+  
+  
+}
+

data/templates/singularity-respond-to/_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 'singularitygs';
+@import 'respond-to';
+
+////////////////////////
+// Private Imports
+////////////////////////
+@import 'variables';
+@import 'functions';
+@import 'mixins';
+@import 'extendables';

data/templates/singularity-respond-to/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:
+   * Singularity
+   * Toolkit
+   * Respond-to
+   
+  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
-  - 7
-  version: 0.1.7
+  - 9
+  version: 0.1.9
 platform: ruby
 authors: 
 - Sam Richard
@@ -15,7 +15,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2011-07-11 00:00:00 -04:00
+date: 2011-07-27 00:00:00 -04:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency 
@@ -61,6 +61,20 @@ dependencies:
         version: 2.0.2
   type: :runtime
   version_requirements: *id003
+- !ruby/object:Gem::Dependency 
+  name: singularitygs
+  prerelease: false
+  requirement: &id004 !ruby/object:Gem::Requirement 
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        segments: 
+        - 0
+        - 0
+        - 8
+        version: 0.0.8
+  type: :runtime
+  version_requirements: *id004
 description: Toolkit of good things for Responsive Web Design
 email: 
 - sam@snug.ug
@@ -75,6 +89,7 @@ files:
 - lib/toolkit.rb
 - stylesheets/_toolkit.scss
 - stylesheets/toolkit/_border-box.scss
+- stylesheets/toolkit/_clearfix.scss
 - stylesheets/toolkit/_fluid-media.scss
 - stylesheets/toolkit/_pe.scss
 - templates/project/_base.scss
@@ -98,6 +113,10 @@ files:
 - templates/shared/modernizr-2.5.3.js
 - templates/shared/print.scss
 - templates/shared/style.scss
+- templates/singularity/_base.scss
+- templates/singularity/manifest.rb
+- templates/singularity-respond-to/_base.scss
+- templates/singularity-respond-to/manifest.rb
 has_rdoc: true
 homepage: https://github.com/Snugug/toolkit
 licenses: []