singularitygs 1.2.3 → 1.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 94d6cf733cb1de2daf57b08f2a2c481e5dd71dbb
-  data.tar.gz: 89011adff1f2336178a9ef118b0383068c38217d
+  metadata.gz: b8ed425cf36235e58ab1ee29978fc5b1e97e4beb
+  data.tar.gz: d2755f5438f669c9e5fabb82c90e787d8720be46
 SHA512:
-  metadata.gz: 6be35d623f501414a0803e032d641795f8e29826cbff8ba4c355b6152f37b4c3c036c072259f518e128562c70e863931c9f1e2e09ebd1e1981ec6e8f07f04ec2
-  data.tar.gz: 46da573bb66d730f9f194988a5937c4e66703d426fbbc500d7dff205dfb8daf04f017a8c908f0d2a1113b66457bab371515e05d2ca09019da141dfb481694a45
+  metadata.gz: e633e19db9e123599842b1101de98e1c516d043a950cdb7017db0f947eb2b09fdb9a747f254365e7cc71fd55fe108214107278a930d4c678ea19af0980c13585
+  data.tar.gz: 1a60264828d8383d777693e23a606fa452e7d2cef1f68ec6f138e60597fcb19d3bd72ffa8fd8725d0c0af734dbced0dd1f121a56777c6b8865007adcb9488822

data/lib/singularitygs.rb

@@ -1,17 +1,17 @@
-singularitygs_sass_path = File.expand_path('../stylesheets', __FILE__)
-singularitygs_path = "#{File.dirname(__FILE__)}/.."
+base_directory  = File.expand_path(File.join(File.dirname(__FILE__), '..'))
+singularitygs_sass_path = File.join(base_directory, 'stylesheets')
 
 if (defined? Compass)
   require 'breakpoint'
   Compass::Frameworks.register(
     "singularitygs",
-    :path => singularitygs_path
+    :path => base_directory
   )
 else
   ENV["SASS_PATH"] = [ENV["SASS_PATH"], singularitygs_sass_path].compact.join(File::PATH_SEPARATOR)
 end
 
 module SingularityGS
-  VERSION = "1.2.3"
-  DATE = "2014-07-24"
+  VERSION = "1.3.0"
+  DATE = "2014-08-11"
 end

data/stylesheets/singularitygs/api/_isolation.scss

@@ -105,7 +105,7 @@
 @mixin isolation-span($Span, $Location, $clear: false, $grid: false, $gutter: false, $gutter-style: false, $from: false) {
   $Options: ();
   @if $clear {
-    $Options: map-merge($Options, ('clear': $clear));
+    $Options: map-merge($Options, ('clear': unquote($clear)));
   }
   @if $from {
     $Options: map-merge($Options, ('from': $from));

data/stylesheets/singularitygs/helpers/_background-grid.scss

@@ -174,6 +174,9 @@
     $Gradient: ();
 
     $Gutter-Width: gutter-span($Gutter, $Grid, $Style);
+    @if unit($Gutter-Width) != '%' and unit($Gutter-Width) != '' {
+      $Gutter-Width: 0%;
+    }
 
     @if $Style == 'fixed' {
       $Gutter-Width: 0%;
@@ -191,7 +194,7 @@
       }
 
       $Loop-Color: $Column-Color;
-      @if (index($Style, 'fixed') or $Gutter == 0) and ($i % 2 == 0 ) {
+      @if (index($Style, 'fixed') or $Gutter-Width == 0%) and ($i % 2 == 0 ) {
         $Loop-Color: $Inverse-Column-Color;
       }
 

data/stylesheets/singularitygs/helpers/_find.scss

@@ -29,7 +29,6 @@
     @return $user-object;
   }
 
-  $Deprecate-Warning: singularity-deprecation-warning();
   $Length: length($haystack);
   $Mobile-First: sgs-get('mobile first');
 

data/stylesheets/singularitygs/helpers/_layout.scss

@@ -54,4 +54,46 @@
   @include sgs-change('gutters', $layout-private-gutter-holder);
   @include sgs-change('output', $layout-private-output-holder);
   @include sgs-change('gutter styles', $layout-private-gutter-style-holder);
+}
+
+//////////////////////////////
+// Layout At
+// Wrapper mixin for a combined Breakpoint/Layout call
+//////////////////////////////
+@mixin layout-at($layout, $breakpoint) {
+  @include breakpoint($breakpoint) {
+    // If a single value is passed in, assume it's a grid
+    @if type-of($layout) != map {
+      @include layout($layout) {
+        @content;
+      }
+    }
+    // If it is a map, we've got key/values to work with
+    @else {
+      $grid: false;
+      $gutter: false;
+      $output-style: false;
+      $gutter-style: false;
+
+      @if map-has-key($layout, 'grid') {
+        $grid: map-get($layout, 'grid');
+      }
+
+      @if map-has-key($layout, 'gutter') {
+        $gutter: map-get($layout, 'gutter');
+      }
+
+      @if map-has-key($layout, 'output style') {
+        $output-style: map-get($layout, 'output style');
+      }
+
+      @if map-has-key($layout, 'gutter style') {
+        $gutter-style: map-get($layout, 'gutter style');
+      }
+
+      @include layout($grid, $gutter, $output-style, $gutter-style) {
+        @content;
+      }
+    }
+  }
 }

data/stylesheets/singularitygs/helpers/_settings.scss

@@ -1,45 +1,3 @@
-//////////////////////////////
-// Deprecation Warnings for new Setting System
-//////////////////////////////
-@function singularity-deprecation-warning() {
-  $Singularity-Global-Vars: 'grids', 'gutters', 'gutter-styles', 'mobile-first', 'output', 'direction', 'include-border-box', 'include-clearfix';
-
-  @each $var in $Singularity-Global-Vars {
-    @if global-variable-exists($var) {
-      $Singularity-Warning-Output: "DEPRECATION: In order to remove global variable naming conflicts, Singularity's settings have been moved into the single `$singularity` variable.";
-
-      @if $var == 'grids' or $var == 'gutters' or $var == 'gutter-styles' {
-        $Singularity-Singleton-Var: str_slice($var, 1, -2);
-        $Singularity-Warning-Output: $Singularity-Warning-Output + " Please replace all `$#{$var}` definitions, and all `add-#{$Singularity-Singleton-Var}()` calls to `@include add-#{$Singularity-Singleton-Var}()`";
-      }
-      @else {
-        // String Replace
-        $Singularity-Replace-Index: -1;
-        $Singularity-Replace-Holder: '';
-        $Singularity-Replace-Spaced: $var;
-        @while $Singularity-Replace-Index != 0 {
-          $Singularity-Replace-Index: str-index($Singularity-Replace-Spaced, '-');
-          @if $Singularity-Replace-Index != 0 {
-            $Singularity-Replace-Holder: str-slice($Singularity-Replace-Spaced, 1, $Singularity-Replace-Index - 1) + ' ';
-            $Singularity-Replace-Spaced: str-slice($Singularity-Replace-Spaced, $Singularity-Replace-Index + 1);
-            $Singularity-Replace-Spaced: $Singularity-Replace-Holder + $Singularity-Replace-Spaced;
-            $Singularity-Replace-Index: str-index($Singularity-Replace-Spaced, '-');
-          }
-        }
-        $Singularity-Warning-Output: $Singularity-Warning-Output + " Please replace all `$#{$var}` definitions with `@include sgs-change('#{$Singularity-Replace-Spaced}', $value)`";
-      }
-
-      $Singularity-Warning-Output: $Singularity-Warning-Output + " In the next version of Singularity, this warning will be removed";
-
-      @warn $Singularity-Warning-Output;
-    }
-  }
-
-  @return false;
-}
-
-$DEPRECATE:singularity-deprecation-warning();
-
 //////////////////////////////
 // Has Setting
 //////////////////////////////
@@ -82,17 +40,17 @@ $DEPRECATE:singularity-deprecation-warning();
 //////////////////////////////
 // Remove Setting
 //////////////////////////////
-@function sgs-reset($setting) {
-  $Return: ();
-
-  @each $Key, $Value in $singularity {
-    $Return: if($setting == $Key, $Return, map-merge($Return, ($Key: $Value)));
+@function sgs-reset($settings...) {
+  @if length($settings) == 1 {
+    $settings: nth($settings, 1);
   }
 
-  $singularity: $Return !global;
+  @each $setting in $settings {
+    $singularity: map-remove($singularity, $setting) !global;
+  }
   @return true;
 }
 
-@mixin sgs-reset($setting) {
-  $sgs-reset: sgs-reset($setting);
+@mixin sgs-reset($settings...) {
+  $sgs-reset: sgs-reset($settings);
 }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: singularitygs
 version: !ruby/object:Gem::Version
-  version: 1.2.3
+  version: 1.3.0
 platform: ruby
 authors:
 - Scott Kellum
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-07-24 00:00:00.000000000 Z
+date: 2014-08-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -17,14 +17,14 @@ dependencies:
     requirements:
     - - ~>
       - !ruby/object:Gem::Version
-        version: 3.3.0
+        version: '3.3'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ~>
       - !ruby/object:Gem::Version
-        version: 3.3.0
+        version: '3.3'
 - !ruby/object:Gem::Dependency
   name: breakpoint
   requirement: !ruby/object:Gem::Requirement
@@ -83,22 +83,6 @@ files:
 - stylesheets/singularitygs/math/_context.scss
 - stylesheets/singularitygs/math/_grid.scss
 - stylesheets/singularitygs/math/_gutters.scss
-- templates/box-sizing/behaviors/box-sizing/boxsizing.htc
-- templates/box-sizing/behaviors/box-sizing/boxsizing.php
-- templates/box-sizing/manifest.rb
-- templates/demos/demo-float.scss
-- templates/demos/demo-isolation.scss
-- templates/demos/float.html.erb
-- templates/demos/isolation.html.erb
-- templates/demos/manifest.rb
-- templates/grid-toggle/grid.js
-- templates/grid-toggle/grid.min.js
-- templates/grid-toggle/manifest.rb
-- templates/project/grid.js
-- templates/project/grid.min.js
-- templates/project/manifest.rb
-- templates/project/partials/_base.scss
-- templates/project/style.scss
 homepage: http://singularity.gs
 licenses:
 - MIT

data/templates/box-sizing/behaviors/box-sizing/boxsizing.htc

@@ -1,399 +0,0 @@
-/**
-* box-sizing Polyfill
-* 
-* A polyfill for box-sizing: border-box for IE6 & IE7.
-* 
-* JScript
-* 
-* This program is free software: you can redistribute it and/or modify
-* it under the terms of the GNU Lesser General Public License as published 
-* by the Free Software Foundation, either version 3 of the License, or
-* (at your option) any later version.
-* 
-* This program is distributed in the hope that it will be useful,
-* but WITHOUT ANY WARRANTY; without even the implied warranty of
-* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-* GNU Lesser General Public License for more details.
-* 
-* See <http://www.gnu.org/licenses/lgpl-3.0.txt>
-* 
-* @category  JScript 
-* @package   box-sizing-polyfill
-* @author    Christian Schepp Schaefer <schaepp@gmx.de> <http://twitter.com/derSchepp>
-* @copyright 2012 Christian Schepp Schaefer
-* @license   http://www.gnu.org/copyleft/lesser.html The GNU LESSER GENERAL PUBLIC LICENSE, Version 3.0
-* @link      http://github.com/Schepp/box-sizing-polyfill 
-*
-* PREFACE:
-*
-* This box-sizing polyfill is based on previous work done by Erik Arvidsson, 
-* which he published in 2002 on http://webfx.eae.net/dhtml/boxsizing/boxsizing.html.
-*
-* USAGE:
-* 	
-* Add the behavior/HTC after every `box-sizing: border-box;` that you assign:
-* 
-* box-sizing: border-box;
-* *behavior: url(/scripts/boxsizing.htc);`
-* 
-* Prefix the `behavior` property with a star, like seen above, so it will only be seen by 
-* IE6 & IE7, not by IE8+ who already implement box-sizing.
-*
-* The URL to the HTC file must be relative to your HTML(!) document, not relative to your CSS.
-* That's why I'd advise you to use absolute paths like in the example.
-*
-*/
-<component lightWeight="true">
-<attach event="onpropertychange" onevent="checkPropertyChange()" />
-<attach event="ondetach" onevent="restore()" />
-<attach event="onresize" for="window" onevent="update()" />
-<script type="text/javascript">
-//<![CDATA[
-
-var viewportwidth = (typeof window.innerWidth != 'undefined' ? window.innerWidth : element.document.documentElement.clientWidth);
-
-// Shortcut for the document object
-var doc = element.document;
-
-// Buffer for multiple resize events
-var resizetimeout = null;
-
-// Don't apply box-sizing to certain elements
-var apply = false;
-switch(element.nodeName){
-	case '#comment':
-	case 'HTML':
-	case 'HEAD':
-	case 'TITLE':
-	case 'SCRIPT':
-	case 'STYLE':
-	case 'LINK':
-	case 'META':
-	break;
-			
-	default:
-		apply = true;
-	break;
-}
-
-/*
-* update gets called during resize events, then waits until there are no further resize events, and finally triggers a recalculation
-*/
-function update(){
-	if(resizetimeout !== null){
-		window.clearTimeout(resizetimeout);
-	}
-	resizetimeout = window.setTimeout(function(){
-		restore();
-		init();
-		resizetimeout = null;
-	},100);
-}
-
-/*
-* restore gets called when the behavior is being detached (see event binding at the top),
-* resets everything like it was before applying the behavior
-*/
-function restore(){
-	if(apply){
-		element.runtimeStyle.removeAttribute("width");
-		element.runtimeStyle.removeAttribute("height");
-	}
-}
-
-/*
-* init gets called once at the start and then never again, 
-* triggers box-sizing calculations and updates width and height
-*/
-function init(){
-	if(apply){
-		updateBorderBoxWidth();
-		updateBorderBoxHeight();
-	}
-}
-
-/*
-* checkPropertyChange gets called as soon as an element property changes 
-* (see event binding at the top), it then checks if any property influencing its 
-* dimensions was changed and if yes recalculates width and height 
-*/
-function checkPropertyChange(){
-	if(apply){
-		var pn = event.propertyName;
-		if(pn === "style.boxSizing" && element.style.boxSizing === ""){
-			element.style.removeAttribute("boxSizing");
-			element.runtimeStyle.removeAttribute("boxSizing");
-			element.runtimeStyle.removeAttribute("width");
-			element.runtimeStyle.removeAttribute("height");
-		}
-		switch (pn){
-			case "style.width":
-			case "style.borderLeftWidth":
-			case "style.borderLeftStyle":
-			case "style.borderRightWidth":
-			case "style.borderRightStyle":
-			case "style.paddingLeft":
-			case "style.paddingRight":
-				updateBorderBoxWidth();
-			break;
-		
-			case "style.height":
-			case "style.borderTopWidth":
-			case "style.borderTopStyle":
-			case "style.borderBottomWidth":
-			case "style.borderBottomStyle":
-			case "style.paddingTop":
-			case "style.paddingBottom":
-				updateBorderBoxHeight();
-			break;
-		
-			case "className":
-			case "style.boxSizing":
-				updateBorderBoxWidth();
-				updateBorderBoxHeight();
-			break;
-		}
-	}
-}
-
-/* 
- * Helper function, taken from Dean Edward's IE7 framework,
- * added by Schepp on 12.06.2010.
- * http://code.google.com/p/ie7-js/
- *
- * Allows us to convert from relative to pixel-values.
- */
-function getPixelValue(value){
-	var PIXEL = /^\d+(px)?$/i;
-	if (PIXEL.test(value)) return parseInt(value);
-	var style = element.style.left;
-	var runtimeStyle = element.runtimeStyle.left;
-	element.runtimeStyle.left = element.currentStyle.left;
-	element.style.left = value || 0;
-	value = parseInt(element.style.pixelLeft);
-	element.style.left = style;
-	element.runtimeStyle.left = runtimeStyle;
-	
-	return value;
-}
-
-function getPixelWidth(object, value){
-	// For Pixel Values
-	var PIXEL = /^\d+(px)?$/i;
-	if (PIXEL.test(value)) return parseInt(value);
-	
-	// For Percentage Values
-	var PERCENT = /^[\d\.]+%$/i;
-	if (PERCENT.test(value)){
-		try{
-			parentWidth = getPixelWidth(object.parentElement,(object.parentElement.currentStyle.width != "auto" ? object.parentElement.currentStyle.width : "100%"));
-			value = (parseFloat(value) / 100) * parentWidth;
-		}
-		catch(e){
-			value = (parseFloat(value) / 100) * element.document.documentElement.clientWidth;
-		}
-		return parseInt(value);
-	}
-	
-	// For EM Values
-	var style = object.style.left;
-	var runtimeStyle = object.runtimeStyle.left;
-	object.runtimeStyle.left = object.currentStyle.left;
-	object.style.left = value || 0;
-	value = parseInt(object.style.pixelLeft);
-	object.style.left = style;
-	object.runtimeStyle.left = runtimeStyle;
-	
-	return value;
-}
-
-function getPixelHeight(object, value){
-	// For Pixel Values
-	var PIXEL = /^\d+(px)?$/i;
-	if (PIXEL.test(value)) return parseInt(value);
-	
-	// For Percentage Values
-	var PERCENT = /^[\d\.]+%$/i;
-	if (PERCENT.test(value)){
-		try{
-			if(object.parentElement.currentStyle.height != "auto"){
-				switch(object.parentElement.nodeName){
-					default:
-						parentHeight = getPixelHeight(object.parentElement,object.parentElement.currentStyle.height);
-						if(parentHeight !== "auto"){
-							value = (parseFloat(value) / 100) * parentHeight;
-						}
-						else {
-							value = "auto";
-						}
-					break;
-					
-					case 'HTML':
-						parentHeight = element.document.documentElement.clientHeight;
-						if(parentHeight !== "auto"){
-							value = (parseFloat(value) / 100) * parentHeight;
-						}
-						else {
-							value = "auto";
-						}
-					break;
-				}
-				if(value !== "auto") value = parseInt(value);
-			}
-			else {
-				value = "auto";
-			}
-		}
-		catch(e){
-			value = "auto";
-		}
-		return value;
-	}
-	
-	// For EM Values
-	var style = object.style.left;
-	var runtimeStyle = object.runtimeStyle.left;
-	object.runtimeStyle.left = object.currentStyle.left;
-	object.style.left = value || 0;
-	value = parseInt(object.style.pixelLeft);
-	object.style.left = style;
-	object.runtimeStyle.left = runtimeStyle;
-	
-	return value;
-}
-
-
-/*
- * getBorderWidth & friends
- * Border width getters
- */
-function getBorderWidth(sSide){
-	if(element.currentStyle["border" + sSide + "Style"] == "none"){
-		return 0;
-	}
-	var n = getPixelValue(element.currentStyle["border" + sSide + "Width"]);
-	return n || 0;
-}
-function getBorderLeftWidth() { return getBorderWidth("Left"); }
-function getBorderRightWidth() { return getBorderWidth("Right"); }
-function getBorderTopWidth() { return getBorderWidth("Top"); }
-function getBorderBottomWidth() { return getBorderWidth("Bottom"); }
-
-
-/*
- * getPadding & friends
- * Padding width getters
- */
-function getPadding(sSide) {
-	var n = getPixelValue(element.currentStyle["padding" + sSide]);
-	return n || 0;
-}
-function getPaddingLeft() { return getPadding("Left"); }
-function getPaddingRight() { return getPadding("Right"); }
-function getPaddingTop() { return getPadding("Top"); }
-function getPaddingBottom() { return getPadding("Bottom"); }
-
-
-
-/*
- * getBoxSizing
- * Get the box-sizing value for the current element
- */
-function getBoxSizing(){
-	var s = element.style;
-	var cs = element.currentStyle
-	if(typeof s.boxSizing != "undefined" && s.boxSizing != ""){
-		return s.boxSizing;
-	}
-	if(typeof s["box-sizing"] != "undefined" && s["box-sizing"] != ""){
-		return s["box-sizing"];
-	}
-	if(typeof cs.boxSizing != "undefined" && cs.boxSizing != ""){
-		return cs.boxSizing;
-	}
-	if(typeof cs["box-sizing"] != "undefined" && cs["box-sizing"] != ""){
-		return cs["box-sizing"];
-	}
-	return getDocumentBoxSizing();
-}
-
-
-/*
- * getDocumentBoxSizing
- * Get the default document box sizing (check for quirks mode)
- */
-function getDocumentBoxSizing(){
-	if(doc.compatMode === null || doc.compatMode === "BackCompat"){
-		return "border-box";
-	}
-	return "content-box"
-}
-
-
-/*
- * setBorderBoxWidth & friends
- * Width and height setters
- */
-function setBorderBoxWidth(n){
-	element.runtimeStyle.width = Math.max(0, n - getBorderLeftWidth() -
-		getPaddingLeft() - getPaddingRight() - getBorderRightWidth()) + "px";
-}
-function setBorderBoxHeight(n){
-	element.runtimeStyle.height = Math.max(0, n - getBorderTopWidth() -
-		getPaddingTop() - getPaddingBottom() - getBorderBottomWidth()) + "px";
-}
-function setContentBoxWidth(n){
-	element.runtimeStyle.width = Math.max(0, n + getBorderLeftWidth() +
-		getPaddingLeft() + getPaddingRight() + getBorderRightWidth()) + "px";
-}
-function setContentBoxHeight(n){
-	element.runtimeStyle.height = Math.max(0, n + getBorderTopWidth() +
-		getPaddingTop() + getPaddingBottom() + getBorderBottomWidth()) + "px";
-}
-
-
-/*
- * updateBorderBoxWidth & updateBorderBoxHeight
- * 
- */
-function updateBorderBoxWidth() {
-	if(getDocumentBoxSizing() == getBoxSizing()){
-		return;
-	}
-	var csw = element.currentStyle.width;
-	if(csw != "auto"){
-		csw = getPixelWidth(element,csw);
-		if(getBoxSizing() == "border-box"){
-			setBorderBoxWidth(parseInt(csw));
-		}
-		else{
-			setContentBoxWidth(parseInt(csw));
-		}
-	}
-}
-
-function updateBorderBoxHeight() {
-	if(getDocumentBoxSizing() == getBoxSizing()){
-		return;
-	}
-	var csh = element.currentStyle.height;
-	if(csh != "auto"){
-		csh = getPixelHeight(element,csh);
-		if(csh !== "auto"){
-			if(getBoxSizing() == "border-box"){
-				setBorderBoxHeight(parseInt(csh));
-			}
-			else{
-				setContentBoxHeight(parseInt(csh));
-			}
-		}
-	}
-}
-
-
-// Run the calculations
-init();
-
-//]]>
-</script>
-</component>

data/templates/box-sizing/behaviors/box-sizing/boxsizing.php

@@ -1,23 +0,0 @@
-<?php
-/*
-This file is a wrapper, for use in PHP environments, which serves boxsizing.htc using the
-correct content-type, so that IE will recognize it as a behavior.  Simply specify the
-behavior property to fetch this .php file instead of the .htc directly:
-
-//
-// Reset box sizing
-//
-* {
-  margin: 0;
-  @include box-sizing(border-box);
-  *behavior: url(/sites/all/libraries/boxsizing/boxsizing.php);
-}
-
-This is only necessary when the web server is not configured to serve .htc files with
-the text/x-component content-type, and cannot easily be configured to do so (as is the
-case with some shared hosting providers).
-*/
-
-header( 'Content-type: text/x-component' );
-include( 'boxsizing.htc' );
-?>

data/templates/box-sizing/manifest.rb

@@ -1,4 +0,0 @@
-description "Box Sizing Polyfill Install"
-
-file 'behaviors/box-sizing/boxsizing.htc'
-file 'behaviors/box-sizing/boxsizing.php'

data/templates/demos/demo-float.scss

@@ -1,159 +0,0 @@
-@import "singularitygs";
-
-$break: 700px;
-$break2: 900px;
-$break3: 1200px;
-
-$grids: add-grid(2);
-$grids: add-grid(2 8 2 1 at $break);
-$grids: add-grid(12 at $break2);
-$grids: add-grid(1 3 5 7 9 at $break3);
-$gutters: add-gutter(1/3);
-// $gutters: add-gutter(.25 at $break);
-$output: 'float';
-
-body {
-  margin: 0;
-  padding: 0;
-  @include background-grid;
-}
-
-div {
-  height: 50px;
-}
-
-#foo {
-  background: red;
-  height: 30px;
-  @include grid-span(1, 2);
-
-  @include breakpoint($break) {
-    @include grid-span(1, 4);
-    clear: none;
-  }
-
-  @include breakpoint($break2) {
-    @include grid-span(2, 11);
-  }
-
-  @include breakpoint($break3) {
-    @include grid-span(1, 3);
-    @include push(2, 1);
-  }
-}
-
-#bar {
-  background: green;
-  height: 20px;
-  @include grid-span(1, 1);
-  clear: left;
-
-  @include breakpoint($break) {
-    @include grid-span(2, 2);
-    @include push(1, 1);
-    clear: none;
-  }
-
-  @include breakpoint($break2) {
-    @include grid-span(8, 3);
-    clear: none;
-  }
-
-  @include breakpoint($break3) {
-    @include grid-span(1, 1);
-    @include pull(3, 1);
-  }
-
-}
-
-#baz {
-  background: purple;
-  @include grid-span(1, 1);
-
-  @include breakpoint($break) {
-    // This piece's position is very wonky in Float, and as such we need to do some custom silliness to place it. It winds up looking similar to Isolation positioning, but in revers. Fortunately, because we have functions like column-span, gutter-span, and grid-span, we're able to build this fairly easily and have the heavy lifting of the math done for us.
-    width: column-span(1, 1);
-    float: right;
-    margin-left: -100%;
-    margin-right: grid-span(2, 2) + gutter-span();
-    clear: none;
-  }
-
-  @include breakpoint($break2) {
-    margin-right: 0;
-    @include grid-span(2, 1);
-    @include pull(10, 1);
-    clear: none;
-  }
-
-  @include breakpoint($break3) {
-    @include grid-span(1, 5);
-  }
-}
-
-#qux {
-  background: yellow;
-  @include grid-span(1, 1);
-  clear: both;
-
-  @include breakpoint($break) {
-    @include grid-span(3, 2);
-    // clear: left;
-  }
-
-  @include breakpoint($break2) {
-    @include grid-span(3, 4);
-    clear: both;
-    @include push(3, 1);
-  }
-
-  @include breakpoint($break3) {
-    @include grid-span(1, 2);
-    clear: none;
-    @include pull(2, 2);
-  }
-}
-
-#waldo {
-  background: blue;
-  height: 70px;
-
-  @include grid-span(1, 2);
-
-  @include breakpoint($break) {
-    @include grid-span(1, 1);
-    clear: left;
-  }
-
-  @include breakpoint($break2) {
-    @include grid-span(3, 1);
-    @include pull(6, 1);
-  }
-
-  @include breakpoint($break3) {
-    @include grid-span(1, 4);
-    clear: none;
-    margin-right: -100%;
-    margin-left: 0;
-  }
-}
-
-#garfield {
-  background: orange;
-
-  @include grid-span(2, 1);
-
-  @include breakpoint($break) {
-    @include float-span(4, 1);
-  }
-
-  @include breakpoint($break2) {
-    @include grid-span(5, 8);
-  }
-
-  @include breakpoint($break3) {
-    @include grid-span(2, 3);
-    clear: both;
-    @include push(2, 1);
-  }
-}

data/templates/demos/demo-isolation.scss

@@ -1,132 +0,0 @@
-@import "singularitygs";
-
-$break: 700px;
-$break2: 900px;
-$break3: 1200px;
-
-$grids: add-grid(2);
-$grids: add-grid(2 8 2 1 at $break);
-$grids: add-grid(12 at $break2);
-$grids: add-grid(1 3 5 7 9 at $break3);
-$gutters: add-gutter(1/3);
-// $gutters: add-gutter(.25 at $break);
-// $output: 'float';
-
-body {
-  margin: 0;
-  padding: 0;
-  @include background-grid;
-}
-
-div {
-  height: 50px;
-}
-
-#foo {
-  background: red;
-  height: 30px;
-  @include grid-span(1, 2);
-
-  @include breakpoint($break) {
-    @include grid-span(1, 4);
-  }
-
-  @include breakpoint($break2) {
-    @include grid-span(2, 11);
-  }
-
-  @include breakpoint($break3) {
-    @include grid-span(1, 3);
-  }
-}
-
-#bar {
-  background: green;
-  height: 20px;
-  @include grid-span(1, 1);
-
-  @include breakpoint($break) {
-    @include grid-span(2, 2);
-  }
-
-  @include breakpoint($break2) {
-    @include grid-span(8, 3)
-  }
-
-  @include breakpoint($break3) {
-    @include grid-span(1, 1);
-  }
-
-}
-
-#baz {
-  background: purple;
-  @include grid-span(1, 1, $options: 'both');
-
-  @include breakpoint($break) {
-    @include grid-span(1, 1);
-  }
-
-  @include breakpoint($break2) {
-    @include grid-span(2, 1);
-  }
-
-  @include breakpoint($break3) {
-    @include grid-span(1, 5);
-  }
-}
-
-#qux {
-  background: yellow;
-
-  @include grid-span(1, 1, $options: 'left');
-
-  @include breakpoint($break) {
-    @include grid-span(3, 2, $options: 'left');
-  }
-
-  @include breakpoint($break2) {
-    @include grid-span(3, 4, $options: 'both');
-  }
-
-  @include breakpoint($break3) {
-    @include grid-span(1, 2);
-  }
-}
-
-#waldo {
-  background: blue;
-  height: 70px;
-
-  @include grid-span(1, 2, $options: 'right');
-
-  @include breakpoint($break) {
-    @include grid-span(1, 1, $options: 'left');
-  }
-
-  @include breakpoint($break2) {
-    @include grid-span(3, 1, $options: 'right');
-  }
-
-  @include breakpoint($break3) {
-    @include grid-span(1, 4);
-  }
-}
-
-#garfield {
-  background: orange;
-
-  @include grid-span(2, 1, $options: 'left');
-
-  @include breakpoint($break) {
-    @include isolation-span(4, 1, 'both');
-  }
-
-  @include breakpoint($break2) {
-    @include grid-span(5, 8);
-  }
-
-  @include breakpoint($break3) {
-    @include grid-span(2, 3, $options: 'both');
-  }
-}

data/templates/demos/float.html.erb

@@ -1,18 +0,0 @@
-<% project_name = File.basename(Compass.configuration.project_path) %><% project_js = Compass.configuration.javascripts_dir %><% project_css = Compass.configuration.css_dir %>
-<html>
-  <head>
-    <title>Singularity HTML Demo</title>
-    <link rel="stylesheet" href="<%= project_css %>/demo-float.css">
-  </head>
-  <body>
-    <div id="page">
-      <div id="foo"></div>
-      <div id="bar"></div>
-      <div id="baz"></div>
-      <div id="qux"></div>
-      <div id="waldo"></div>
-      <div id="garfield"></div>
-    </div>
-
-  </body>
-</html>

data/templates/demos/isolation.html.erb

@@ -1,18 +0,0 @@
-<% project_name = File.basename(Compass.configuration.project_path) %><% project_js = Compass.configuration.javascripts_dir %><% project_css = Compass.configuration.css_dir %>
-<html>
-  <head>
-    <title>Singularity HTML Demo</title>
-    <link rel="stylesheet" href="<%= project_css %>/demo-isolation.css">
-  </head>
-  <body>
-    <div id="page">
-      <div id="foo"></div>
-      <div id="bar"></div>
-      <div id="baz"></div>
-      <div id="qux"></div>
-      <div id="waldo"></div>
-      <div id="garfield"></div>
-    </div>
-
-  </body>
-</html>

data/templates/demos/manifest.rb

@@ -1,17 +0,0 @@
-description "Singularity Demos"
-
-discover :stylesheets
-file 'isolation.html.erb', :to => 'isolation.html', :erb => true
-file 'float.html.erb', :to => 'float.html', :erb => true
-
-help %Q{
-  For help with Singularity, please ask a question on Stack Overflow (http://stackoverflow.com/questions/ask) tagged with "singularitygs".
-
-  To file an issue with Singularity, please use our GitHub Issue Queue (https://github.com/Team-Sass/Singularity/issues).
-}
-
-welcome_message %Q{
-  Welcome to the Singularity Demo!
-
-  These two sites, with their accompanying Sass, should give you a working example as to how Singularity works with its two out-of-the-box output styles.
-}

data/templates/grid-toggle/grid.js

@@ -1,16 +0,0 @@
-(function() {
-  window.onload = function() {
-    var body = document.body;
-    body.onkeypress = function(e) {
-      if (e.keyCode == 103 || e.charCode == 103) {
-	var dev = body.getAttribute('data-development-grid');
-	if (dev === null || dev == 'hide') {
-	  body.setAttribute('data-development-grid', 'show');
-	}
-	else {
-	  body.setAttribute('data-development-grid', 'hide');
-	}
-      }
-    }
-  }
-})();

data/templates/grid-toggle/grid.min.js

@@ -1,2 +0,0 @@
-/*Grid Toggle*/
-window.onload=function(){var b=document.body;b.onkeypress=function(a){if(103==a.keyCode||103==a.charCode)a=b.getAttribute("data-development-grid"),null===a||"hide"==a?b.setAttribute("data-development-grid","show"):b.setAttribute("data-development-grid","hide")}};

data/templates/grid-toggle/manifest.rb

@@ -1,22 +0,0 @@
-description "Singularity Grid Toggle"
-
-discover :javascripts
-
-help %Q{
-  For help with Singularity, please ask a question on Stack Overflow (http://stackoverflow.com/questions/ask) tagged with "singularitygs".
-
-  To file an issue with Singularity, please use our GitHub Issue Queue (https://github.com/Team-Sass/Singularity/issues).
-}
-
-welcome_message %Q{
-  Welcome to Singularity! Grids Without Limits.
-
-  See our Getting Started guide at http://singularity.gs to get started and for full documentation.
-
-  If you need support for IE6/7, you should install the Border Box polyfill. Simply type `compass install singularitygs/box-sizing` in your command line from the root of your project folder (where config.rb is).
-
-
-  For help with Singularity, please ask a question on Stack Overflow (http://stackoverflow.com/questions/ask) tagged with "singularitygs".
-
-  To file an issue with Singularity, please use our GitHub Issue Queue (https://github.com/Team-Sass/Singularity/issues).
-}

data/templates/project/grid.js

@@ -1,16 +0,0 @@
-(function() {
-  window.onload = function() {
-    var body = document.body;
-    body.onkeypress = function(e) {
-      if (e.keyCode == 103 || e.charCode == 103) {
-        var dev = body.getAttribute('data-development-grid');
-        if (dev === null || dev == 'hide') {
-          body.setAttribute('data-development-grid', 'show');
-        }
-        else {
-          body.setAttribute('data-development-grid', 'hide');
-        }
-      }
-    }
-  }
-})();

data/templates/project/grid.min.js

@@ -1,2 +0,0 @@
-/*Grid Toggle*/
-window.onload=function(){var b=document.body;b.onkeypress=function(a){if(103==a.keyCode||103==a.charCode)a=b.getAttribute("data-development-grid"),null===a||"hide"==a?b.setAttribute("data-development-grid","show"):b.setAttribute("data-development-grid","hide")}};

data/templates/project/manifest.rb

@@ -1,23 +0,0 @@
-description "Singularity Install"
-
-discover :stylesheets
-discover :javascripts
-
-help %Q{
-  For help with Singularity, please ask a question on Stack Overflow (http://stackoverflow.com/questions/ask) tagged with "singularitygs".
-
-  To file an issue with Singularity, please use our GitHub Issue Queue (https://github.com/Team-Sass/Singularity/issues).
-}
-
-welcome_message %Q{
-  Welcome to Singularity! Grids Without Limits.
-
-  See our Getting Started guide at http://singularity.gs to get started and for full documentation.
-
-  If you need support for IE6/7, you should install the Border Box polyfill. Simply type `compass install singularitygs/box-sizing` in your command line from the root of your project folder (where config.rb is).
-
-
-  For help with Singularity, please ask a question on Stack Overflow (http://stackoverflow.com/questions/ask) tagged with "singularitygs".
-
-  To file an issue with Singularity, please use our GitHub Issue Queue (https://github.com/Team-Sass/Singularity/issues).
-}

data/templates/project/partials/_base.scss

@@ -1,4 +0,0 @@
-//////////////////////////////
-// Imports
-//////////////////////////////
-@import "singularitygs";

data/templates/project/style.scss

@@ -1,15 +0,0 @@
-//////////////////////////////
-// Set legacy support
-//
-// If you need support for IE6 or IE7, you should install the Box Sizing polyfill.
-// In your project's folder from the command line, type the following:
-// compass install singularitygs/box-sizing
-//////////////////////////////
-$legacy-support-for-ie6:     false;
-$legacy-support-for-ie7:     false;
-$legacy-support-for-mozilla: false;
-
-//////////////////////////////
-// Import Base
-//////////////////////////////
-@import "partials/base";