compass-edge 0.9.4 → 0.9.5.0

data/CHANGELOG.markdown

@@ -87,9 +87,10 @@ YUI:
 Extensions:
 
 * Extensions can now be installed locally by unpacking them into a project's
-  "extensions" directory.
+  "extensions" directory. Rails projects use "vendor/plugins/compass/extenstions".
 * Extensions can deliver html to projects if they like. The html can be in
-  haml and will be transformed to html.
+  haml and will be transformed to html and can contain inline, compass-enabled
+	sass.
 * All files can be processed using ERB before being copied into the user's
   project.
 * Compass extensions can now add support for other application frameworks.
@@ -124,6 +125,35 @@ Many thanks to the following Contributors:
   * Brian Johnson - Upgraded to YUI 2.7.0
   * Beau Smith - fixing my dyslexia.
 
+0.8.17 (September 24, 2009)
+---------------------------
+
+* The enumerate function now accepts an optional fourth parameter that specifies the separator to be used.
+  Enables fixing a bug in the Compass 960 Plugin.
+
+0.8.16 (September 12, 2009)
+---------------------------
+
+* Fixed a bug in compass that assumed compass extensions would provide stylesheets.
+
+0.8.15 (September 5, 2009)
+--------------------------
+
+* Upgrade the FSSM library to 0.0.6 to fix bugs on windows.
+
+
+0.8.14 (September 2, 2009)
+--------------------------
+
+* Upgrade the FSSM library to 0.0.4 to fix bugs and enable FS Events on Mac OS.
+
+0.8.13 (August 30, 2009)
+------------------------
+
+* [Blueprint] Mixins have been added for these as +prepend-top and +append-bottom and grid classes will be generated by +blueprint-grid.
+* [Command Line] The watch mode has been re-implemented to use the FSSM library by Travis Tilley. OSX users will
+  now have support for filesystem monitoring. Fixes an infinite looping bug that occured with syntax users.
+
 0.8.12 (August 22, 2009)
 ------------------------
 

data/README.markdown

@@ -3,8 +3,9 @@ A [Sass][sass]-based CSS Meta-Framework that allows you to mix and match any of
 
 - [Compass Core][compass_core_website] - [Wiki Documentation][compass_core_wiki]
 - [Blueprint][blueprint_website] - [Wiki Documentation][bleuprint_wiki]
-- [YUI][yui_website] - [Wiki Documentation][yui_wiki]
 - [960][ninesixty_website] - [Wiki Documentation][ninesixty_wiki]
+- [Susy][susy_website] - [Wiki Documentation][susy_wiki]
+- [YUI][yui_website] - [Wiki Documentation][yui_wiki]
 - New frameworks and extensions are [tracked on the wiki][plugins_wiki] as they are created.
 - Other frameworks can be added relatively easily. Create your own!
 
@@ -14,6 +15,13 @@ A [Sass][sass]-based CSS Meta-Framework that allows you to mix and match any of
 2. Simple integration with [Ruby-on-Rails][ruby_on_rails_wiki], [Merb][merb_wiki], [StaticMatic][static_matic_wiki], and even [non-ruby application servers][command_line_wiki].
 3. Loads of Sass mixins to make building your website a snap.
 
+## Quick Start
+
+    $ (sudo) gem install compass
+    $ compass create my_compass_project --using blueprint
+    $ cd my_compass_project
+    $ compass watch
+
 ## More Information
 Please see the [wiki][wiki]
 
@@ -41,6 +49,8 @@ Released under a [slightly modified MIT License][license].
 [ruby_on_rails_wiki]: http://wiki.github.com/chriseppstein/compass/ruby-on-rails-integration
 [merb_wiki]: http://wiki.github.com/chriseppstein/compass/merb-integration
 [static_matic_wiki]: http://wiki.github.com/chriseppstein/compass/staticmatic-integration
-[chris_eppstein]: http://acts-as-architect.blogspot.com
+[chris_eppstein]: http://chriseppstein.github.com
 [caring.com]: http://www.caring.com/ "Senior Care Resources"
 [license]: http://github.com/chriseppstein/compass/tree/master/LICENSE.markdown
+[susy_website]: http://www.oddbird.net/susy/
+[susy_wiki]: http://github.com/chriseppstein/compass/wikis/susy-documentation 

data/REVISION

@@ -1 +1 @@
-ef49c8b2a624e4120948c8165b3b5fb6c9fa07c8
+2465baba525421ac9cac1774d940f9e27971710d

data/Rakefile

@@ -2,7 +2,8 @@ if ENV['RUN_CODE_RUN']
   # We need to checkout edge haml for the run>code>run test environment.
   if File.directory?("haml")
     Dir.chdir("haml") do
-      sh "git", "pull"
+      sh "git", "fetch"
+      sh "git", "reset", "--hard", "origin/stable"
     end
   else
     sh "git", "clone", "git://github.com/nex3/haml.git"
@@ -25,6 +26,7 @@ require 'fileutils'
 
 Rake::TestTask.new :run_tests do |t|
   t.libs << 'lib'
+  t.libs << 'test'
   t.libs << 'haml/lib' if ENV["RUN_CODE_RUN"]
   test_files = FileList['test/**/*_test.rb']
   test_files.exclude('test/rails/*', 'test/haml/*')

data/VERSION.yml

@@ -1,5 +1,4 @@
 --- 
+:patch: 5
 :major: 0
 :minor: 9
-:patch: 4
-:build: 

data/examples/blueprint_default/index.html.haml

@@ -32,7 +32,7 @@
             %a{ :href => "parts/grid.html" }
               Grid
           %td
-            %a{ :href => "../../frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass" }
+            %a{ :href => "../../frameworks/blueprint/stylesheets/blueprint/_grid.sass" }
               grid.sass
           %td
             Tests classes provided by the grid module.
@@ -41,7 +41,7 @@
             %a{ :href => "parts/elements.html" }
               Typography
           %td
-            %a{ :href => "../../frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass" }
+            %a{ :href => "../../frameworks/blueprint/stylesheets/blueprint/_typography.sass" }
               typography.sass
           %td
             Tests HTML elements which gets set in the typography module.
@@ -50,7 +50,7 @@
             %a{ :href => "parts/forms.html" }
               Forms
           %td
-            %a{ :href => "../../frameworks/blueprint/stylesheets/blueprint/modules/_form.sass" }
+            %a{ :href => "../../frameworks/blueprint/stylesheets/blueprint/_form.sass" }
               form.sass
           %td
             Tests classes and default look provided by the form module.

data/examples/blueprint_default/parts/forms.html.haml

@@ -184,6 +184,8 @@
               %input#q.text{ :type => "text", :name => "q", :value => "Field with class .text" }
             .span-2.last
               %input.button{ :type => "submit", :value => "submit" }
+              / WTF This doesn't render correctly without some space.
+               
       %hr
       %p
         %a{ :href => "http://validator.w3.org/check?uri=referer" }

data/examples/blueprint_default/src/screen.sass

@@ -1,5 +1,5 @@
 @import blueprint.sass
-@import blueprint/modules/scaffolding.sass
+@import blueprint/scaffolding.sass
 @import compass/reset.sass
 
 +blueprint

data/examples/blueprint_plugins/index.html.haml

@@ -31,13 +31,13 @@
             %a{ :href => "plugins/fancy_type.html" }
               Fancy Type
           %td
-            %a{ :href => "http://github.com/chriseppstein/compass/blob/master/frameworks/blueprint/stylesheets/blueprint/modules/_grid.sass" }
+            %a{ :href => "http://github.com/chriseppstein/compass/blob/master/frameworks/blueprint/stylesheets/blueprint/_grid.sass" }
               grid.sass
             ,
-            %a{ :href => "http://github.com/chriseppstein/compass/blob/master/frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass" }
+            %a{ :href => "http://github.com/chriseppstein/compass/blob/master/frameworks/blueprint/stylesheets/blueprint/_typography.sass" }
               typography.sass
             ,
-            %a{ :href => "http://github.com/chriseppstein/compass/blob/master/frameworks/blueprint/stylesheets/blueprint/modules/_fancy_type.sass" }
+            %a{ :href => "http://github.com/chriseppstein/compass/blob/master/frameworks/blueprint/stylesheets/blueprint/_fancy_type.sass" }
               fancy_type.sass
           %td
             A simple sample page, with common elements and fancy type.
@@ -46,7 +46,7 @@
             %a{ :href => "plugins/buttons.html" }
               Buttons
           %td
-            %a{ :href => "http://github.com/chriseppstein/compass/blob/master/frameworks/blueprint/stylesheets/blueprint/modules/_buttons.sass" }
+            %a{ :href => "http://github.com/chriseppstein/compass/blob/master/frameworks/blueprint/stylesheets/blueprint/_buttons.sass" }
               buttons.sass
           %td
             A simple page, showing links and buttons styled using the button plugin.
@@ -55,7 +55,7 @@
             %a{ :href => "plugins/link_icons.html" }
               Link Icons
           %td
-            %a{ :href => "http://github.com/chriseppstein/compass/blob/master/frameworks/blueprint/stylesheets/blueprint/modules/_link_icons.sass" }
+            %a{ :href => "http://github.com/chriseppstein/compass/blob/master/frameworks/blueprint/stylesheets/blueprint/_link_icons.sass" }
               link_icons.sass
           %td
             A simple page, showing links icons.
@@ -64,7 +64,7 @@
             %a{ :href => "plugins/rtl.html" }
               RTL
           %td
-            %a{ :href => "http://github.com/chriseppstein/compass/blob/master/frameworks/blueprint/stylesheets/blueprint/modules/_rtl.sass" }
+            %a{ :href => "http://github.com/chriseppstein/compass/blob/master/frameworks/blueprint/stylesheets/blueprint/_rtl.sass" }
               rtl.sass
           %td
             A simple page, showing a right-to-left grid layout.

data/examples/blueprint_plugins/src/buttons.sass

@@ -1,5 +1,5 @@
 @import compass/utilities/general/float.sass
-@import blueprint/modules/buttons.sass
+@import blueprint/buttons.sass
 
 //
   Use the following HTML code to place the buttons on your site:
@@ -23,7 +23,7 @@ a.button
   +anchor-button("left")
   // All the button color mixins take 4 optional arguments:
   // font color, background color, border color, border highlight color
-  // the first three default to constants set in blueprint/modules/buttons.sass
+  // the first three default to constants set in blueprint/buttons.sass
   // the last one defaults to a shade lighter than the border color.
   +button-colors
   +button-hover-colors

data/examples/blueprint_plugins/src/link_icons.sass

@@ -1,4 +1,4 @@
-@import blueprint/modules/link_icons.sass
+@import blueprint/link_icons.sass
 
 // This turns link icons on for all links. You can change the scoping selector from
 // body to something more specific if you prefer.

data/examples/blueprint_plugins/src/rtl_screen.sass

@@ -1,7 +1,7 @@
 @import blueprint.sass
-@import blueprint/modules/fancy_type.sass
-@import blueprint/modules/scaffolding.sass
-@import blueprint/modules/rtl.sass
+@import blueprint/fancy_type.sass
+@import blueprint/scaffolding.sass
+@import blueprint/rtl.sass
 @import compass/reset.sass
 
 

data/examples/blueprint_plugins/src/screen.sass

@@ -1,6 +1,6 @@
 @import blueprint.sass
-@import blueprint/modules/fancy_type.sass
-@import blueprint/modules/scaffolding.sass
+@import blueprint/fancy_type.sass
+@import blueprint/scaffolding.sass
 @import compass/reset.sass
 
 

data/examples/blueprint_semantic/src/liquid.sass

@@ -1,7 +1,7 @@
 @import blueprint.sass
-@import blueprint/modules/fancy_type.sass
-@import blueprint/modules/scaffolding.sass
-@import blueprint/modules/liquid.sass
+@import blueprint/fancy_type.sass
+@import blueprint/scaffolding.sass
+@import blueprint/liquid.sass
 @import compass/reset.sass
 
 .container
@@ -66,4 +66,4 @@ body#sample
         +reset-font
         +alt
   #parting-thought
-    +alt
+    +alt

data/examples/blueprint_semantic/src/screen.sass

@@ -1,6 +1,6 @@
 @import blueprint.sass
-@import blueprint/modules/fancy_type.sass
-@import blueprint/modules/scaffolding.sass
+@import blueprint/fancy_type.sass
+@import blueprint/scaffolding.sass
 @import compass/reset.sass
 
 body.blueprint
@@ -67,4 +67,4 @@ body#sample
         +reset-font
         +alt
   #parting-thought
-    +alt
+    +alt

data/examples/compass/bootstrap.rb

@@ -0,0 +1,3 @@
+require File.join(File.dirname(__FILE__), '..', 'downloader')
+
+install_from_github('chriseppstein', 'yui-compass-plugin', 'yui')

data/examples/compass/extensions/yui/stylesheets/_yui.sass

@@ -0,0 +1,7 @@
+@import yui/modules/base.sass
+@import yui/modules/fonts.sass
+@import yui/modules/grids.sass
+=yui
+  +yui-base
+  +yui-base-fonts
+  +yui-grids

data/examples/compass/extensions/yui/stylesheets/yui/modules/_base.sass

@@ -0,0 +1,70 @@
+=yui-base
+  body
+    :margin 10px
+
+  h1
+    :font-size 138.5%
+
+  h2
+    :font-size 123.1%
+
+  h3
+    :font-size 108%
+
+  h1, h2, h3
+    :margin 1em 0
+
+  h1,h2, h3, h4, h5, h6, strong, dt
+    :font-weight bold
+
+  optgroup
+    :font-weight normal
+
+  abbr, acronym
+    :border-bottom 1px dotted #000
+    :cursor help
+
+  em
+    :font-style italic
+
+  del
+    :text-decoration line-through
+
+  blockquote, ul, ol, dl
+    :margin 1em
+
+  ol,ul,dl
+    :margin-left 2em
+
+  ol li
+    :list-style decimal outside
+
+  ul li
+    :list-style disc outside
+
+  dl dd
+    :margin-left 1em
+
+  th, td
+    :border 1px solid #000
+    :padding .5em
+
+  th
+    :font-weight bold
+    :text-align center
+
+  caption
+    :margin-bottom .5em
+    :text-align center
+
+  sup
+    :vertical-align super
+
+  sub
+    :vertical-align sub
+
+  p, fieldset, table, pre
+    :margin-bottom 1em
+
+  button, input[type="checkbox"], input[type="radio"], input[type="reset"], input[type="submit"]
+    padding: 1px

data/examples/compass/extensions/yui/stylesheets/yui/modules/_fonts.sass

@@ -0,0 +1,45 @@
+!yui_default_base_font_size ||= 13px
+!yui_default_base_line_height ||= 1.231
+!yui_default_font_family ||= "arial,helvetica,clean,sans-serif"
+
+// Sets the font size specified in pixels using percents so that the base
+// font size changes and 1em has the correct value. When nesting font size
+// declarations, within the DOM tree, the base_font_size must be the parent's
+// effective font-size in pixels.
+// Usage Examples:
+//   .big
+//     +font-size(16px)
+//   .bigger
+//     +font-size(18px)
+//   .big .bigger
+//     +font-size(18px, 16px)
+//
+// For more information see the table found at http://developer.yahoo.com/yui/fonts/#fontsize
+=font-size(!size, !base_font_size = !yui_default_base_font_size)
+  :font-size= percentage(!size / !base_font_size)
+
+// Sets the base fonts for a page, this should be mixed into the top level of a stylesheet.
+=yui-base-fonts(!family = !yui_default_font_family, !size = !yui_default_base_font_size, !line_height = !yui_default_base_line_height)
+  body
+    :font
+      :size= !size
+      :family= !family
+    :line-height= !line_height
+    :*font-size small
+    :*font x-small
+
+  select,
+  input,
+  button,
+  textarea,
+  button
+    :font 99% arial,helvetica,clean,sans-serif
+
+  table
+    :font-size inherit
+    :font 100%
+
+  pre, code, kbd, samp, tt
+    :font-family monospace
+    :*font-size 108%
+    :line-height 100%

data/examples/compass/extensions/yui/stylesheets/yui/modules/_grids.sass

@@ -0,0 +1,385 @@
+// This is a port of YUI Grids version 2.6.0
+// Note: This is not really tested yet. Use at your own risk.
+
+@import compass/utilities/general/float.sass
+@import fonts.sass
+
+=yui-grids
+  +yui-grids-init
+  +yui-grid-templates
+  +yui-grid-divisions
+
+=yui-grid-templates
+  #doc
+    +yui-document(750px)
+  #doc2
+    +yui-document(950px)
+  #doc3
+    +yui-document("fluid")
+  #doc4
+    +yui-document(974px)
+  /* Section: Preset Template Rules (.yui-t[1-6])
+  .yui-t1
+    +yui-two-column-left-template(160px)
+  .yui-t2
+    +yui-two-column-left-template(180px)
+  .yui-t3
+    +yui-two-column-left-template(300px)
+  .yui-t4
+    +yui-two-column-right-template(180px)
+  .yui-t5
+    +yui-two-column-right-template(240px)
+  .yui-t6
+    +yui-two-column-right-template(300px)
+  .yui-t7
+    +yui-one-column-template
+
+=yui-group-clearing
+  zoom: 1
+  &:after
+    content: "."
+    display: block
+    height: 0
+    clear: both
+    visibility: hidden
+
+=yui-grids-init(!header = "#hd", !footer = "#ft", !body = "#bd")
+  /* Section: General Rules
+  body
+    :text-align center
+  @if !header
+    #{!header}
+      +yui-group-clearing
+  @if !footer
+    #{!footer}
+      +yui-group-clearing
+  @if !body
+    #{!body}
+      +yui-group-clearing
+
+=em-size(!style, !px_size, !base_font_size = !yui_default_base_font_size)
+  :#{!style}= 1em * !px_size / !base_font_size
+
+=em-size-hacked(!style, !px_size, !base_font_size = !yui_default_base_font_size)
+  +em-size(!style, !px_size, !base_font_size)
+  +em-size("*"+!style, !px_size * 39 / 40, !base_font_size)
+
+// All documents must have these styles
+=yui-document-base(!min_width = false)
+  :margin auto
+  :text-align left
+  @if !min_width
+    :min-width= !min_width
+
+=yui-block-base
+  :position relative
+  :_position static
+
+=yui-main-block
+  :float none
+  :width auto
+
+// Creates a fixed width document container
+// Pass "fluid" for the width to create a document that grows with the width of the browser.
+=yui-document(!width, !min_width = false, !base_font_size = !yui_default_base_font_size)
+  +yui-document-base(!min_width)
+  @if !width == "fluid"
+    :margin auto 10px
+    :width auto
+  @else
+    +em-size-hacked("width", !width, !base_font_size)
+
+=yui-two-column-left-template(!column_width, !main_selector = "#yui-main", !block_selector = ".yui-b", !document_width = 750px, !min_width = false, !base_font_size = !yui_default_base_font_size)
+  +yui-document(!document_width, !min_width, !base_font_size)
+  #{!block_selector}
+    +yui-block-base
+    :float left
+    +em-size-hacked("width", !column_width, !base_font_size)
+  #{!main_selector}
+    :width 100%
+    :float right
+    :margin-left -25em
+    #{!block_selector}
+      +yui-main-block
+      +em-size("margin-left", !column_width + 13px, !base_font_size)
+      // t3 is 15px for IE for some reason - seems like this should be some formula based on the column width and not a fixed number - need to do more research
+      @if !column_width > 180px
+        +em-size("*margin-left", (!column_width + 15px)  * 39 / 40, !base_font_size)
+      @else
+        +em-size("*margin-left", (!column_width + 14px)  * 39 / 40, !base_font_size)
+
+=yui-two-column-right-template(!column_width, !main_selector = "#yui-main", !block_selector = ".yui-b", !document_width = 750px, !min_width = false, !base_font_size = !yui_default_base_font_size)
+  +yui-document(!document_width, !min_width, !base_font_size)
+  #{!block_selector}
+    +yui-block-base
+    :float right
+    +em-size-hacked("width", !column_width, !base_font_size)
+  #{!main_selector}
+    :width 100%
+    :float left
+    :margin-right -25em
+    #{!block_selector}
+      +yui-main-block
+      +em-size("margin-right", !column_width + 13px, !base_font_size)
+      // t5 is 15px for IE for some reason - seems like this should be some formula based on the column width and not a fixed number - need to do more research
+      @if !column_width > 180px
+        +em-size("*margin-right", (!column_width + 15px)  * 39 / 40, !base_font_size)
+      @else
+        +em-size("*margin-right", (!column_width + 14px)  * 39 / 40, !base_font_size)
+
+=yui-one-column-template(!main_selector = "#yui-main", !block_selector = ".yui-b", !document_width = 750px, !min_width = false, !base_font_size = !yui_default_base_font_size)
+  +yui-document(!document_width, !min_width, !base_font_size)
+  #{!main_selector}
+    #{!block_selector}
+      +yui-main-block
+      :display block
+      :margin 0 0 1em 0
+
+=yui-custom-template(!main_selector = "#yui-main", !block_selector = ".yui-b")
+  #{!block_selector}
+    +yui-block-base
+  #{!main_selector}
+    :width 100%
+    #{!block_selector}
+      +yui-main-block
+
+=yui-grid-divisions(!unit = ".yui-u", !g_50_50 = ".yui-g", !g_33_33_33 = ".yui-gb", !g_67_33 = ".yui-gc", !g_33_67 = ".yui-gd", !g_75_25 = ".yui-ge", !g_25_75 = ".yui-gf")
+
+  /* Section: Grids and Nesting Grids
+
+  /* from #yui-main, .yui-g .yui-u .yui-g
+  #{nest(!g_50_50, !unit, !g_50_50)}
+    width: 100%
+
+  /* Children generally take half the available space
+  #{nest(!g_33_33_33, !unit)},
+  #{nest(!g_50_50, !g_33_33_33, !unit)},
+  #{nest(!g_33_33_33, !g_50_50)},
+  #{nest(!g_33_33_33, !g_33_33_33)},
+  #{nest(!g_33_33_33, !g_67_33)},
+  #{nest(!g_33_33_33, !g_33_67)},
+  #{nest(!g_33_33_33, !g_75_25)},
+  #{nest(!g_33_33_33, !g_25_75)},
+  #{nest(!g_67_33, !unit)},
+  #{nest(!g_67_33, !g_50_50)},
+  #{nest(!g_33_67, !unit)}
+    float: left
+
+  /* Float units (and sub grids) to the right
+  #{nest(!g_50_50, !unit)},
+  #{nest(!g_50_50, !g_50_50)},
+  #{nest(!g_50_50, !g_33_33_33)},
+  #{nest(!g_50_50, !g_67_33)},
+  #{nest(!g_50_50, !g_33_67)},
+  #{nest(!g_50_50, !g_75_25)},
+  #{nest(!g_50_50, !g_25_75)},
+  #{nest(!g_67_33, !unit)},
+  #{nest(!g_33_67, !g_50_50)},
+  #{nest(!g_50_50, !g_67_33, !unit)},
+  #{nest(!g_75_25, !unit)},
+  #{nest(!g_75_25, !g_50_50)},
+  #{nest(!g_25_75, !g_50_50)},
+  #{nest(!g_25_75, !unit)}
+    float: right
+
+  /* Float units (and sub grids) to the left
+  #{!g_50_50},
+  #{!g_33_33_33},
+  #{!g_67_33},
+  #{!g_33_67},
+  #{!g_75_25},
+  #{!g_25_75},
+  #{nest(!g_50_50, !g_67_33)},
+  #{nest(!g_50_50, !g_75_25)},
+  #{nest(!g_67_33, "div.first")}
+    div.first
+      float: left
+
+  #{!g_50_50}
+    #{!unit},
+    #{!g_50_50},
+    #{!g_33_33_33},
+    #{!g_67_33},
+    #{!g_33_67},
+    #{!g_75_25},
+    #{!g_25_75}
+      width: 49.1%
+
+  #{nest(!g_33_33_33, !unit)},
+  #{nest(!g_50_50, !g_33_33_33, !unit)},
+  #{nest(!g_33_33_33, !g_50_50)},
+  #{nest(!g_33_33_33, !g_33_33_33)},
+  #{nest(!g_33_33_33, !g_67_33)},
+  #{nest(!g_33_33_33, !g_33_67)},
+  #{nest(!g_33_33_33, !g_75_25)},
+  #{nest(!g_33_33_33, !g_25_75)},
+  #{nest(!g_67_33, !unit)},
+  #{nest(!g_67_33, !g_50_50)},
+  #{nest(!g_33_67, !unit)}
+    width: 32%
+    margin-left: 1.99%
+
+  /* Give IE some extra breathing room for 1/3-based rounding issues
+  #{nest(!g_33_33_33, !unit)}
+    *margin-left: 1.9%
+    *width: 31.9%
+
+  #{nest(!g_50_50, !g_33_33_33)},
+  #{!g_33_33_33},
+  #{!g_67_33},
+  #{!g_33_67}
+    div.first
+      margin-left: 0
+
+  /* Section: Deep Nesting
+  #{!g_50_50},
+  #{!g_33_33_33},
+  #{!g_67_33},
+  #{!g_33_67},
+  #{!g_75_25},
+  #{!g_25_75}
+    #{!g_50_50}
+      #{!unit}
+        width: 49%
+        *width: 48.1%
+        *margin-left: 0
+
+  #{nest(!g_50_50, !g_50_50, !unit)}
+    width: 48.1%
+
+  #{!g_50_50},
+  #{!g_33_33_33}
+    #{!g_33_33_33}
+      div.first
+        *margin-right: 0
+        *width: 32%
+        _width: 31.7%
+
+  #{nest(!g_50_50, !g_67_33, "div.first")},
+  #{nest(!g_67_33, "div.first")},
+  #{nest(!g_33_67, !g_50_50)},
+  #{nest(!g_33_67, !unit)}
+    width: 66%
+
+  #{nest(!g_33_33_33, !g_50_50, "div.first")}
+    *margin-right: 4%
+    _margin-right: 1.3%
+
+  #{!g_33_33_33}
+    #{!g_67_33},
+    #{!g_33_67}
+      div.first
+        *margin-right: 0
+
+  #{!g_33_33_33}
+    #{!g_33_33_33},
+    #{!g_67_33}
+      #{!unit}
+        *margin-left: 1.8%
+        _margin-left: 4%
+
+  #{nest(!g_50_50, !g_33_33_33, !unit)}
+    _margin-left: 1.0%
+
+  #{nest(!g_33_33_33, !g_33_67, !unit)}
+    *width: 66%
+    _width: 61.2%
+
+  #{nest(!g_33_33_33, !g_33_67, "div.first")}
+    *width: 31%
+    _width: 29.5%
+
+  #{!g_50_50},
+  #{!g_33_33_33}
+    #{!g_67_33}
+      #{!unit}
+        width: 32%
+        _float: right
+        margin-right: 0
+        _margin-left: 0
+
+  #{nest(!g_33_33_33, !g_67_33, "div.first")}
+    width: 66%
+    *float: left
+    *margin-left: 0
+
+  #{!g_33_33_33}
+    #{!g_75_25},
+    #{!g_25_75}
+      #{!unit}
+        margin: 0
+
+  #{nest(!g_33_33_33, !g_33_33_33, !unit)}
+    _margin-left: .7%
+
+  #{nest(!g_33_33_33, !g_50_50)},
+  #{nest(!g_33_33_33, !g_33_33_33)}
+    div.first
+      *margin-left: 0
+
+  #{!g_67_33},
+  #{!g_33_67}
+    #{!g_50_50}
+      #{!unit}
+        *width: 48.1%
+        *margin-left: 0
+
+  #{!g_33_67},
+  #{nest(!g_33_33_33, !g_33_67)}
+    div.first
+      width: 32%
+
+  #{nest(!g_50_50, !g_33_67, "div.first")}
+    _width: 29.9%
+
+  #{nest(!g_75_25, !unit)},
+  #{nest(!g_75_25, !g_50_50)},
+  #{nest(!g_25_75, "div.first")}
+    width: 24%
+
+  #{nest(!g_75_25, "div.first")},
+  #{nest(!g_25_75, !g_50_50)},
+  #{nest(!g_25_75, !unit)}
+    width: 74.2%
+
+  #{!g_33_33_33}
+    #{!g_75_25},
+    #{!g_25_75}
+      div#{!unit}
+        float: right
+
+  #{!g_33_33_33}
+    #{!g_75_25},
+    #{!g_25_75}
+      div.first
+        float: left
+
+  /* Width Accommodation for Nested Contexts
+  #{!g_33_33_33}
+    #{nest(!g_75_25, !unit)},
+    #{nest(!g_25_75, "div.first")}
+      *width: 24%
+      _width: 20%
+
+  /* Width Accommodation for Nested Contexts
+  #{!g_33_33_33}
+    #{nest(!g_75_25, "div.first")},
+    #{nest(!g_25_75, !unit)}
+      *width: 73.5%
+      _width: 65.5%
+
+  /* Patch for GD within GE
+  #{nest(!g_75_25, "div.first", !g_33_67, !unit)}
+    width: 65%
+
+  #{nest(!g_75_25, "div.first", !g_33_67, "div.first")}
+    width: 32%
+
+  /* @group Clearing
+  #{!g_50_50},
+  #{!g_33_33_33},
+  #{!g_67_33},
+  #{!g_33_67},
+  #{!g_75_25},
+  #{!g_25_75}
+    +yui-group-clearing