charcoalcms 0.0.4 → 0.0.6

data/CHANGELOG.mkdn

@@ -0,0 +1,288 @@
+Susy Changelog
+==============
+
+v1.0.8 [March 25, 2013]
+-----------------------
+
+* Fix more edge mixed-unit conflicts with `container-style: static`.
+
+v1.0.7 [March 19, 2013]
+-----------------------
+
+* Fix edge-case where `$container-style` and `$container-width` cause conflict.
+
+v1.0.6 [March 18, 2013]
+-----------------------
+
+* Add `isolate` and `isolate-grid` mixins.
+* Add `bleed` mixin.
+* Add `$style` argument to grid mixins.
+* Fix documentation typos.
+* Switch from `#` to `*` in legacy-ie hacks.
+
+v1.0.5 [Nov 27, 2012]
+---------------------
+
+* Add support for rem-units.
+* Clean-up quoted arguments.
+* Fix a few bugs related to the override settings.
+
+v1.0.4 [Nov 3, 2012]
+---------------------
+
+* Fix bug in nested mixins that adjust support (e.g. `nth-omeg` inside `at-breakpoint`).
+* Remove non-ie experimental support in `at-breakpoint` ie-fallback output.
+
+v1.0.3 [Oct 20, 2012]
+---------------------
+
+* Fix Compass dependencies.
+
+v1.0.2 [Oct 20, 2012]
+---------------------
+
+* Fix a bug with `container-outer-width` ignoring `$columns` argument.
+* Turn off legacy-ie support inside CSS3 selectors (`nth-omega` etc).
+
+v1.0.1 [Sept 12, 2012]
+----------------------
+
+* Fix a bug in the relationship between `$container-width` and `$border-box-sizing`,
+  so that grid-padding is subtracted from the width in certain cases.
+* Reset right margin to `auto` rather than `0` with `remove-omega`.
+
+v1.0 [Aug 14, 2012]
+-------------------
+
+This release is loaded with new features, but don't let that fool you. Susy
+just became shockingly simple to use. See the [website][site] for details.
+
+The gem name has changed from `compass-susy-plugin` to `susy`.
+First uninstall the old gem, then install the new one.
+If you have both gems installed, you will get errors.
+
+[site]: http://susy.oddbird.net/
+
+Semantics:
+
+We re-arranged the code
+in order to make the syntax simpler and more consistent:
+
+* `$total-cols` is now `$total-columns`.
+* `$col-width` is now `$column-width`.
+* `$side-gutter-width` is now `$grid-padding`
+  and gets applied directly to the grid container.
+* `un-column` & `reset-column` mixins have merged into `reset-columns`.
+* `columns` has been renamed `span-columns` to resolve the conflict with CSS3 columns.
+  See other improvements to span-columns below.
+
+We also removed several bothersome requirements:
+
+* The `alpha` mixin is no longer needed. Ever.
+* The `omega` no longer takes a `$context` argument.
+* `full` has been removed entirely.
+  Elements will be full-width by default.
+  You can add `clear: both;` back in as needed.
+* `side-gutter()` is no longer needed.
+  You can use the `$grid-padding` setting directly.
+
+Upgrade:
+
+That's all you need in order to upgrade from Susy 0.9.
+
+1. Uninstall and re-install the gem.
+2. Find and replace the semantic changes listed above.
+
+You're done! Stop worrying about all that "nested vs. root" bullshit,
+and start playing with the new toys!
+
+If you use the `$from` directional arguments
+directly in the `span-columns` mixin,
+there may be one more change to make.
+See below:
+
+New Features:
+
+* `span-columns` supports new features:
+  - "omega" can be applied directly through the `$columns` argument.
+  - Internal padding can be added through the `$padding` argument.
+  - This pushes the `$from` argument from third position into fourth.
+* `at-breakpoint` allows you to change layouts at media breakpoints.
+* `container` accepts multiple media-layout combinations as a shortcut.
+* `layout` allows you to use a different layout at any time.
+* `with-grid-settings` allows you to change any or all grid settings.
+* `set-container-width` does what it says, without the other container code.
+* `$breakpoint-media-output`, `$breakpoint-ie-output`, and `$breakpoint-raw-output`
+  settings help manage the different outputs from `at-breakpoint`
+  when you have IE-overrides living in a file of their own.
+* `border-box-sizing` will  apply the popular `* { box-sizing: border-box }`
+  universal box-model fix, as well as changing the Susy `$border-box-model` setting for you,
+  so Susy knows to adjust some math.
+* The `space()` function can be used anywhere you need column+gutter math.
+* `push`, `pull`, `pre`, `post`, and `squish` mixins help manage margins.
+* use the `nth-omega` mixin to set omega on any nth-child, nth-of-type,
+  first, last, or only element.
+* `remove-omega` and `remove-nth-omega` will remove
+  the omega-specific styles from an element.
+* `$container-width` will override the width of your container
+  with any arbitrary length.
+* `$container-style` will override the type of grid container
+  (magic, fluid, fixed, static, etc) to use.
+
+v0.9 [Apr 25 2011]
+------------------
+
+Everything here is about simplicity. Susy has scaled back to it's most basic
+function: providing flexible grids. That is all.
+
+Deprecated:
+
+* The `susy/susy` import is deprecated in favor of simply importing `susy`.
+* The `show-grid` import is deprecated in favor of CSS3 gradient-based
+grid-images. You can now use the `susy-grid-background` mixin. See below.
+
+Removed:
+
+* Susy no longer imports all of compass.
+* Susy no longer establishes your baseline and no longer provides a reset.
+All of that is in the Compass core. You can (and should!) keep using them, but
+you will need to import them from compass.
+
+New:
+
+* Use the `susy-grid-background` mixin on any `container` to display the grid.
+This toggles on and off with the same controls that are used by the compass
+grid-background module.
+
+v0.9.beta.3 [Mar 16 2011]
+-------------------------
+
+Deprecated:
+
+* The `susy/reset` import has been deprecated in favor of the Compass core `compass/reset` import.
+* The `susy` mixin has been deprecated. If you plan to continue using vertical-rhythms, you should replace it with the `establish-baseline` mixin from the Compass Core.
+
+Removed:
+
+* The `vertical-rhythm` module has moved into compass core. The API remains the same, but if you were importing it directly, you will have to update that import. (`$px2em` was removed as part of this, but didn't make it into core).
+* The `defaults` template has been removed as 'out-of-scope'. This will not effect upgrading in any way, but new projects will not get a template with default styles.
+
+New Features:
+
+* Susy now supports RTL grids and bi-directional sites using the `$from-direction` variable (default: left) and an optional additional from-direction argument on all affected mixins. Thanks to @bangpound for the initial implementation.
+* Susy is now written in pure Sass! No extra Ruby functions included! Thanks to the Sass team for making it possible.
+
+v0.8.1 [Sep 24 2010]
+--------------------
+
+* Fixed typos in tutorial and `_defaults.scss`
+
+v0.8.0 [Aug 13 2010]
+--------------------
+
+Deprecated:
+
+* The `skip-link` was deprecated as it doesn't belong in Susy.
+* All the IE-specific mixins have been deprecated, along with the `$hacks` variable. Hacks are now used in the default mixins as per Compass.
+* The `hide` mixin was deprecated in favor of the Compass code `hide-text` mixin.
+
+Other Changes:
+
+* `inline-block-list` will be moved to the compass core soon. In preparation, I've cleaned it up some. You can now apply a padding of "0" to override previous padding arguments. You can also use `inline-block-list-container` and `inline-block-list-item` as you would with the Compass `horizontal-list` mixins.
+* The `$align` arguments have been removed from both the `susy` and `container` mixins. Text-alignment is no longer used or needed in achieving page centering. That was a cary-over from the IE5 Mac days.
+* The `container` mixin now uses the `pie-clearfix` compass mixin to avoid setting the overflow to hidden.
+* Default styles have been cleaned up to account for better font stacks and typography, html5 elements, vertically-rhythmed forms, expanded print styles, use of `@extend`, and overall simplification.
+
+v0.7.0 [Jun 01 2010]
+--------------------
+
+* updated documentation
+
+v0.7.0.rc2 [May 13 2010]
+------------------------
+
+* Fixes a bug with grid.png and a typo in the readme. Nothing major here.
+
+v0.7.0.rc1 [May 12 2010]
+------------------------
+
+* template cleanup & simplification - no more pushing CSSEdit comments, etc.
+* expanded base and defaults with better fonts & styles out-of-the-box
+* expanded readme documentation. This will expand out into a larger docs/tutorial site in the next week.
+
+v0.7.0.pre8 [Apr 20 2010]
+-------------------------
+
+* mostly syntax and gem cleanup
+* added `un-column` mixin to reset elements previously declared as columns.
+* added `rhythm` mixin as shortcut for leaders/trailers. accepts 4 args: leader, padding-leader, padding-trailer, trailer.
+* added a warning on `alpha` to remind you that `alpha` is not needed at nested levels.
+
+v0.7.0.pre7 [Apr 13 2010]
+-------------------------
+
+* *Requires HAML 3 and Compass 0.10.0.rc2*
+* Internal syntax switched to scss. This will have little or no effect on users. You can still use Susy with either (Sass/Scss) syntax.
+* `$default-rhythm-border-style` overrides default rhythm border styles
+* Better handling of sub-pixel rounding for IE6
+
+v0.7.0.pre6 [Mar 29 2010]
+-------------------------
+
+* Added `+h-borders()` shortcut for vertical_rhythm `+horizontal-borders()`
+* Fixed vertical rhythm font-size typo (thanks @oscarduignan)
+* Added to template styles, so susy is already in place from the start
+
+v0.7.0.pre5 [Mar 19 2010]
+-------------------------
+
+* Expanded and adjusted `_vertical_rhythm.sass` in ways that are not entirely backwards compatible. Check the file for details.
+* `_defaults.sass` is re-ordered from inline to block.
+* `:focus` defaults cleaned up.
+* README and docs updated.
+
+v0.7.0.pre4 [Jan 20 2010]
+-------------------------
+
+Update: pre2 was missing a file in the manifest. Use pre4.
+
+*Update:* Forgot to note one change: `+susy` is no longer assigned to the `body` tag, but instead at the top level of the document (not nested under anything).
+
+Warning: This update is not backwards compatible. We've changed some things. You'll have to change some things. Our changes were fairly major in cleaning up the code - yours will be minor and also clean up some code.
+
+Added:
+
+* new `_vertical_rhythm.sass` (thanks to Chris Eppstein) provides better establishing of the baseline grid, as well as mixins to help you manage it.
+* `!px2em` has replaced `px2em()` - see below.
+
+Removed:
+
+* `px2em()` has been removed and replaced with a simple variable `!px2em` which returns the size of one pixel relative to your basic em-height. Multiply against your desired px dimensions (i.e. `border-width = !px2em*5px` will output the em-equivalent of 5px).
+* `!base_font_size_px` and `!base_line_height_px` have been replaced with `!base_font_size` and `!base_line_height` which take advantage of sass's built-in unit handling.
+* `!grid_units` is not needed, as you can now declare your units directly in the other grid `_width` variables. Use any one type of units in declaring your grid. The units you use will be used in setting the container size.
+
+Once you've upgraded, before you compile your files, make these changes:
+
+* remove the "_px" from the font-size and line-height variables, and add "px" to their values.
+* remove the `!grid_units` variable and add units to your grid variable values.
+* find any uses of `px2em()` and replace them with something.
+* enjoy!
+
+v0.7.0.pre1 [Nov 30 2009]
+-------------------------
+
+Not a lot of new functionality here – it all moved over to Compass 0.10.0 – mostly just cleaning it up to match.
+
+* simplified the default styles and gave them their own project template (‘_defaults.sass’).
+* defaults not imported by ‘ie.sass’, as ‘ie.sass’ should be cascading on top of ‘screen.sass’ anyway
+* changed the syntax to match CSS and Compass (‘property:’ replaces ‘:property’)
+* added more inline documentation and brought tutorial up to date
+* moved CSS3 module over to Compass
+* import the compass HTML5 reset along with the normal reset by default (because Susy loves the future)
+* little internal management fixes and so on and so on…
+
+older…
+-------
+
+* not documented here.
+* check the commit log.

data/LICENSE.txt

@@ -0,0 +1,28 @@
+Copyright (c) 2012, Eric Meyer
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are
+met:
+
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above
+      copyright notice, this list of conditions and the following
+      disclaimer in the documentation and/or other materials provided
+      with the distribution.
+    * Neither the name of the author nor the names of other
+      contributors may be used to endorse or promote products derived
+      from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

data/Manifest

@@ -0,0 +1,39 @@
+CHANGELOG.mkdn
+LICENSE.txt
+Manifest
+README.md
+Rakefile
+VERSION
+lib/susy.rb
+sass/_susy.scss
+sass/susy/_background.scss
+sass/susy/_functions.scss
+sass/susy/_grid.scss
+sass/susy/_isolation.scss
+sass/susy/_margin.scss
+sass/susy/_media.scss
+sass/susy/_padding.scss
+sass/susy/_settings.scss
+sass/susy/_support.scss
+sass/susy/_units.scss
+susy.gemspec
+templates/project/_base.scss
+templates/project/manifest.rb
+templates/project/screen.scss
+test/config.rb
+test/css/background.css
+test/css/bleed.css
+test/css/functions.css
+test/css/grid.css
+test/css/isolation.css
+test/css/margin.css
+test/css/media.css
+test/css/padding.css
+test/scss/background.scss
+test/scss/bleed.scss
+test/scss/functions.scss
+test/scss/grid.scss
+test/scss/isolation.scss
+test/scss/margin.scss
+test/scss/media.scss
+test/scss/padding.scss

data/README.md

@@ -0,0 +1,121 @@
+# Susy [a Compass plugin]
+
+Susy is a semantic CSS grid system with a responsive twist.
+
+The web is a responsive place,
+from your lithe & lively development process
+to your end user's super-tablet-multi-magic-lap-phone.
+You need grids that are powerful, but custom;
+reliable, but responsive.
+
+Susy grids are fluid on the inside,
+ready to respond at any moment,
+but contained in the candy shell of your choice,
+so they respond how and when and where you want them to.
+
+This isn't another one-size-fits-all grid framework
+that will make your sites look identical
+and litter your markup with meaningless "col2of5" jargon.
+We don't design your site or write your markup,
+we just do the math and get out of your way.
+
+## Resources
+- [Website](http://susy.oddbird.net)
+- [Changelog](https://github.com/ericam/susy/blob/master/CHANGELOG.mkdn)
+- [Tutorial](http://susy.oddbird.net/guides/getting-started/)
+- [Reference](http://susy.oddbird.net/guides/reference/)
+- [Sites using Susy](http://susy.oddbird.net/sites-using-susy/)
+- [Twitter @CompassSusy](http://twitter.com/compasssusy/)
+
+## Contributing
+
+We love contributions,
+both as ideas and pull requests.
+The core of Susy is all in the `/sass/` directory.
+
+Once you make changes,
+you can test them by building the gem
+and installing it somewhere to test.
+We also have unit tests that you can run.
+
+### Building the gem
+
+You'll need Rake and Echoe installed:
+
+```bash
+# command line
+gem install rake
+gem install echoe
+```
+
+It might be helpful to bump the version number in `VERSION`,
+but any changes you make there
+should not be committed.
+
+Then you can build:
+
+```bash
+# command line
+rake build
+```
+
+Your new gem will appear in
+a folder called `pkg`.
+You can install it for testing
+directly from there.
+
+```bash
+# command line
+gem install <path-to-file>
+```
+
+### Building the docs
+
+If you are adding features
+or changing how a current feature works,
+your changes should be documented.
+Or you might be helping us maintain the docs.
+In either case,
+you'll need to run the docs dev server
+in order to see your changes.
+
+In the `docs` folder:
+
+```bash
+# command line
+gem install bundler
+bundle install
+```
+
+The site is built with
+[middleman](http://middlemanapp.com/).
+To run the development server:
+
+```bash
+# command line
+middleman
+```
+
+The server should now be running at `localhost:4567`.
+
+Make any changes you need
+under the `source` directory,
+then commit your changes
+and submit a pull request when you are done!
+
+### Tests
+
+The tests we have are very basic at this point.
+Simply go into the `test` directory
+(with the latest Sass and Compass gems installed)
+and run `compass compile --force`.
+
+There should be no changes.
+If there are changes,
+go back and find what caused the change.
+If the change was intentional,
+simply commit the changed test files.
+If it was not intentional,
+go back and find what caused the problem.
+
+Use `git diff` to see the changes.

data/Rakefile

@@ -1,8 +1,19 @@
-require 'rake/testtask'
+require 'fileutils'
+require 'sass'
 
-Rake::TestTask.new do |t|
-  t.libs << 'test'
-end
+begin
+  require 'echoe'
+
+  Echoe.new('susy', open('VERSION').read) do |p|
+    p.summary = "Responsive grids for Compass."
+    p.description = "Susy grids are fluid on the inside, ready to respond at any moment, but contained in the candy shell of your choice, so they respond how and when and where you want them to. We don't design your site or dictate your markup, we just do the math and get out of your way."
+    p.url = "http://susy.oddbird.net/"
+    p.author = "Eric Meyer"
+    p.email = "eric@oddbird.net"
+    p.dependencies = ["compass >=0.12.2", "sass >=3.2.0"]
+  end
 
-desc "Run tests"
-task :default => :test
+rescue LoadError => boom
+  puts "You are missing a dependency required for meta-operations on this gem."
+  puts "#{boom.to_s.capitalize}."
+end

data/VERSION

@@ -0,0 +1 @@
+1.0.8

data/charcoalcms.gemspec

@@ -0,0 +1,33 @@
+# -*- encoding: utf-8 -*-
+
+Gem::Specification.new do |s|
+  s.name = "charcoalcms"
+  s.version = "0.0.6"
+
+  s.required_rubygems_version = Gem::Requirement.new(">= 1.2") if s.respond_to? :required_rubygems_version=
+  s.authors = ["Nik | polikin.ca"]
+  s.date = "2013-06-10"
+  s.description = "charcoal grids are fluid on the inside, ready to respond at any moment, but contained in the candy shell of your choice, so they respond how and when and where you want them to. We don't design your site or dictate your markup, we just do the math and get out of your way."
+  s.email = "responsiveness@polikin.ca"
+  s.files = ["CHANGELOG.mkdn", "LICENSE.txt", "Manifest", "README.md", "Rakefile", "VERSION", "lib/charcoal.rb", "sass/_charcoal.scss", "sass/charcoal/_core.functions.scss", "sass/charcoal/_responsive-grid.scss", "charcoalcms.gemspec", "templates/project/_base.scss", "templates/project/manifest.rb", "templates/project/screen.scss", "test/config.rb", "test/css/background.css", "test/css/bleed.css", "test/css/functions.css", "test/css/grid.css", "test/css/isolation.css", "test/css/margin.css", "test/css/media.css", "test/css/padding.css", "test/scss/background.scss", "test/scss/bleed.scss", "test/scss/functions.scss", "test/scss/grid.scss", "test/scss/isolation.scss", "test/scss/margin.scss", "test/scss/media.scss", "test/scss/padding.scss"]
+  s.homepage = "http://polikin.ca"
+  s.require_paths = ["lib"]
+  s.rubyforge_project = "charcoalcms"
+  s.rubygems_version = "1.8.24"
+  s.summary = ""
+
+  if s.respond_to? :specification_version then
+    s.specification_version = 3
+
+    if Gem::Version.new(Gem::VERSION) >= Gem::Version.new('1.2.0') then
+      s.add_runtime_dependency(%q<compass>, [">= 0.12.2"])
+      s.add_runtime_dependency(%q<sass>, [">= 3.2.0"])
+    else
+      s.add_dependency(%q<compass>, [">= 0.12.2"])
+      s.add_dependency(%q<sass>, [">= 3.2.0"])
+    end
+  else
+    s.add_dependency(%q<compass>, [">= 0.12.2"])
+    s.add_dependency(%q<sass>, [">= 3.2.0"])
+  end
+end

data/lib/charcoal.rb

@@ -0,0 +1,4 @@
+require 'compass'
+Compass::Frameworks.register('charcoal',
+                             :stylesheets_directory => File.join(File.dirname(__FILE__), '..', 'sass'),
+                             :templates_directory => File.join(File.dirname(__FILE__), '..', 'templates'))

data/{scss → sass}/_charcoal.scss

@@ -1,5 +1,3 @@
-/*****************/
-
 /**
 * @tags: responsive grid || _resonsive-grid.scss || Skeleton 960 | Skeleton 1200 | Responsify
 */

data/templates/project/_base.scss

@@ -0,0 +1,14 @@
+// ---------------------------------------------------------------------------
+// Imports
+
+@import "susy";
+
+// ---------------------------------------------------------------------------
+// Basic Grid
+
+$total-columns  : 12;
+$column-width   : 4em;
+$gutter-width   : 1em;
+$grid-padding   : $gutter-width;
+
+$show-grid-backgrounds  : true;

data/templates/project/manifest.rb

@@ -0,0 +1,19 @@
+stylesheet 'screen.scss', :media => "screen, projection"
+stylesheet '_base.scss'
+
+description "Susy: a flexible static/fluid/elastic grid system native to compass."
+
+help %Q{
+Please see the Susy website for all documentation and tutorials:
+
+    http://www.oddbird.net/susy
+}
+
+welcome_message %Q{
+Please see the Susy website for all documentation and tutorials:
+
+    http://www.oddbird.net/susy
+
+To get started, set up your grid in the base partial by following the inline instructions.
+}
+

data/templates/project/screen.scss

@@ -0,0 +1,12 @@
+// ---------------------------------------------------------------------------
+// Imports
+
+@import "base";
+
+/* -------------------------------------------------------------------------*/
+/* Layout */
+
+.container {
+  @include container;
+  @include susy-grid-background;
+}

data/test/config.rb

@@ -0,0 +1,10 @@
+# Compass CSS framework config file
+
+project_type = :stand_alone
+http_path = "/"
+sass_dir = "scss"
+css_dir = "css"
+line_comments = false
+preferred_syntax = :scss
+output_style = :expanded
+relative_assets = true

data/test/css/background.css

@@ -0,0 +1,16 @@
+.background {
+  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(100, 100, 225, 0.25)), color-stop(6.77966%, rgba(100, 100, 225, 0.25)), color-stop(6.77966%, rgba(0, 0, 0, 0)), color-stop(8.47458%, rgba(0, 0, 0, 0)), color-stop(8.47458%, rgba(100, 100, 225, 0.25)), color-stop(15.25424%, rgba(100, 100, 225, 0.25)), color-stop(15.25424%, rgba(0, 0, 0, 0)), color-stop(16.94915%, rgba(0, 0, 0, 0)), color-stop(16.94915%, rgba(100, 100, 225, 0.25)), color-stop(23.72881%, rgba(100, 100, 225, 0.25)), color-stop(23.72881%, rgba(0, 0, 0, 0)), color-stop(25.42373%, rgba(0, 0, 0, 0)), color-stop(25.42373%, rgba(100, 100, 225, 0.25)), color-stop(32.20339%, rgba(100, 100, 225, 0.25)), color-stop(32.20339%, rgba(0, 0, 0, 0)), color-stop(33.89831%, rgba(0, 0, 0, 0)), color-stop(33.89831%, rgba(100, 100, 225, 0.25)), color-stop(40.67797%, rgba(100, 100, 225, 0.25)), color-stop(40.67797%, rgba(0, 0, 0, 0)), color-stop(42.37288%, rgba(0, 0, 0, 0)), color-stop(42.37288%, rgba(100, 100, 225, 0.25)), color-stop(49.15254%, rgba(100, 100, 225, 0.25)), color-stop(49.15254%, rgba(0, 0, 0, 0)), color-stop(50.84746%, rgba(0, 0, 0, 0)), color-stop(50.84746%, rgba(100, 100, 225, 0.25)), color-stop(57.62712%, rgba(100, 100, 225, 0.25)), color-stop(57.62712%, rgba(0, 0, 0, 0)), color-stop(59.32203%, rgba(0, 0, 0, 0)), color-stop(59.32203%, rgba(100, 100, 225, 0.25)), color-stop(66.10169%, rgba(100, 100, 225, 0.25)), color-stop(66.10169%, rgba(0, 0, 0, 0)), color-stop(67.79661%, rgba(0, 0, 0, 0)), color-stop(67.79661%, rgba(100, 100, 225, 0.25)), color-stop(74.57627%, rgba(100, 100, 225, 0.25)), color-stop(74.57627%, rgba(0, 0, 0, 0)), color-stop(76.27119%, rgba(0, 0, 0, 0)), color-stop(76.27119%, rgba(100, 100, 225, 0.25)), color-stop(83.05085%, rgba(100, 100, 225, 0.25)), color-stop(83.05085%, rgba(0, 0, 0, 0)), color-stop(84.74576%, rgba(0, 0, 0, 0)), color-stop(84.74576%, rgba(100, 100, 225, 0.25)), color-stop(91.52542%, rgba(100, 100, 225, 0.25)), color-stop(91.52542%, rgba(0, 0, 0, 0)), color-stop(93.22034%, rgba(0, 0, 0, 0)), color-stop(93.22034%, rgba(100, 100, 225, 0.25)), color-stop(100.0%, rgba(100, 100, 225, 0.25)), color-stop(100.0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
+  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 6.77966%, rgba(0, 0, 0, 0) 6.77966%, rgba(0, 0, 0, 0) 8.47458%, rgba(100, 100, 225, 0.25) 8.47458%, rgba(100, 100, 225, 0.25) 15.25424%, rgba(0, 0, 0, 0) 15.25424%, rgba(0, 0, 0, 0) 16.94915%, rgba(100, 100, 225, 0.25) 16.94915%, rgba(100, 100, 225, 0.25) 23.72881%, rgba(0, 0, 0, 0) 23.72881%, rgba(0, 0, 0, 0) 25.42373%, rgba(100, 100, 225, 0.25) 25.42373%, rgba(100, 100, 225, 0.25) 32.20339%, rgba(0, 0, 0, 0) 32.20339%, rgba(0, 0, 0, 0) 33.89831%, rgba(100, 100, 225, 0.25) 33.89831%, rgba(100, 100, 225, 0.25) 40.67797%, rgba(0, 0, 0, 0) 40.67797%, rgba(0, 0, 0, 0) 42.37288%, rgba(100, 100, 225, 0.25) 42.37288%, rgba(100, 100, 225, 0.25) 49.15254%, rgba(0, 0, 0, 0) 49.15254%, rgba(0, 0, 0, 0) 50.84746%, rgba(100, 100, 225, 0.25) 50.84746%, rgba(100, 100, 225, 0.25) 57.62712%, rgba(0, 0, 0, 0) 57.62712%, rgba(0, 0, 0, 0) 59.32203%, rgba(100, 100, 225, 0.25) 59.32203%, rgba(100, 100, 225, 0.25) 66.10169%, rgba(0, 0, 0, 0) 66.10169%, rgba(0, 0, 0, 0) 67.79661%, rgba(100, 100, 225, 0.25) 67.79661%, rgba(100, 100, 225, 0.25) 74.57627%, rgba(0, 0, 0, 0) 74.57627%, rgba(0, 0, 0, 0) 76.27119%, rgba(100, 100, 225, 0.25) 76.27119%, rgba(100, 100, 225, 0.25) 83.05085%, rgba(0, 0, 0, 0) 83.05085%, rgba(0, 0, 0, 0) 84.74576%, rgba(100, 100, 225, 0.25) 84.74576%, rgba(100, 100, 225, 0.25) 91.52542%, rgba(0, 0, 0, 0) 91.52542%, rgba(0, 0, 0, 0) 93.22034%, rgba(100, 100, 225, 0.25) 93.22034%, rgba(100, 100, 225, 0.25) 100.0%, rgba(0, 0, 0, 0) 100.0%, rgba(0, 0, 0, 0) 100%);
+  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 6.77966%, rgba(0, 0, 0, 0) 6.77966%, rgba(0, 0, 0, 0) 8.47458%, rgba(100, 100, 225, 0.25) 8.47458%, rgba(100, 100, 225, 0.25) 15.25424%, rgba(0, 0, 0, 0) 15.25424%, rgba(0, 0, 0, 0) 16.94915%, rgba(100, 100, 225, 0.25) 16.94915%, rgba(100, 100, 225, 0.25) 23.72881%, rgba(0, 0, 0, 0) 23.72881%, rgba(0, 0, 0, 0) 25.42373%, rgba(100, 100, 225, 0.25) 25.42373%, rgba(100, 100, 225, 0.25) 32.20339%, rgba(0, 0, 0, 0) 32.20339%, rgba(0, 0, 0, 0) 33.89831%, rgba(100, 100, 225, 0.25) 33.89831%, rgba(100, 100, 225, 0.25) 40.67797%, rgba(0, 0, 0, 0) 40.67797%, rgba(0, 0, 0, 0) 42.37288%, rgba(100, 100, 225, 0.25) 42.37288%, rgba(100, 100, 225, 0.25) 49.15254%, rgba(0, 0, 0, 0) 49.15254%, rgba(0, 0, 0, 0) 50.84746%, rgba(100, 100, 225, 0.25) 50.84746%, rgba(100, 100, 225, 0.25) 57.62712%, rgba(0, 0, 0, 0) 57.62712%, rgba(0, 0, 0, 0) 59.32203%, rgba(100, 100, 225, 0.25) 59.32203%, rgba(100, 100, 225, 0.25) 66.10169%, rgba(0, 0, 0, 0) 66.10169%, rgba(0, 0, 0, 0) 67.79661%, rgba(100, 100, 225, 0.25) 67.79661%, rgba(100, 100, 225, 0.25) 74.57627%, rgba(0, 0, 0, 0) 74.57627%, rgba(0, 0, 0, 0) 76.27119%, rgba(100, 100, 225, 0.25) 76.27119%, rgba(100, 100, 225, 0.25) 83.05085%, rgba(0, 0, 0, 0) 83.05085%, rgba(0, 0, 0, 0) 84.74576%, rgba(100, 100, 225, 0.25) 84.74576%, rgba(100, 100, 225, 0.25) 91.52542%, rgba(0, 0, 0, 0) 91.52542%, rgba(0, 0, 0, 0) 93.22034%, rgba(100, 100, 225, 0.25) 93.22034%, rgba(100, 100, 225, 0.25) 100.0%, rgba(0, 0, 0, 0) 100.0%, rgba(0, 0, 0, 0) 100%);
+  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 6.77966%, rgba(0, 0, 0, 0) 6.77966%, rgba(0, 0, 0, 0) 8.47458%, rgba(100, 100, 225, 0.25) 8.47458%, rgba(100, 100, 225, 0.25) 15.25424%, rgba(0, 0, 0, 0) 15.25424%, rgba(0, 0, 0, 0) 16.94915%, rgba(100, 100, 225, 0.25) 16.94915%, rgba(100, 100, 225, 0.25) 23.72881%, rgba(0, 0, 0, 0) 23.72881%, rgba(0, 0, 0, 0) 25.42373%, rgba(100, 100, 225, 0.25) 25.42373%, rgba(100, 100, 225, 0.25) 32.20339%, rgba(0, 0, 0, 0) 32.20339%, rgba(0, 0, 0, 0) 33.89831%, rgba(100, 100, 225, 0.25) 33.89831%, rgba(100, 100, 225, 0.25) 40.67797%, rgba(0, 0, 0, 0) 40.67797%, rgba(0, 0, 0, 0) 42.37288%, rgba(100, 100, 225, 0.25) 42.37288%, rgba(100, 100, 225, 0.25) 49.15254%, rgba(0, 0, 0, 0) 49.15254%, rgba(0, 0, 0, 0) 50.84746%, rgba(100, 100, 225, 0.25) 50.84746%, rgba(100, 100, 225, 0.25) 57.62712%, rgba(0, 0, 0, 0) 57.62712%, rgba(0, 0, 0, 0) 59.32203%, rgba(100, 100, 225, 0.25) 59.32203%, rgba(100, 100, 225, 0.25) 66.10169%, rgba(0, 0, 0, 0) 66.10169%, rgba(0, 0, 0, 0) 67.79661%, rgba(100, 100, 225, 0.25) 67.79661%, rgba(100, 100, 225, 0.25) 74.57627%, rgba(0, 0, 0, 0) 74.57627%, rgba(0, 0, 0, 0) 76.27119%, rgba(100, 100, 225, 0.25) 76.27119%, rgba(100, 100, 225, 0.25) 83.05085%, rgba(0, 0, 0, 0) 83.05085%, rgba(0, 0, 0, 0) 84.74576%, rgba(100, 100, 225, 0.25) 84.74576%, rgba(100, 100, 225, 0.25) 91.52542%, rgba(0, 0, 0, 0) 91.52542%, rgba(0, 0, 0, 0) 93.22034%, rgba(100, 100, 225, 0.25) 93.22034%, rgba(100, 100, 225, 0.25) 100.0%, rgba(0, 0, 0, 0) 100.0%, rgba(0, 0, 0, 0) 100%);
+  background-image: linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(100, 100, 225, 0.25) 0%, rgba(100, 100, 225, 0.25) 6.77966%, rgba(0, 0, 0, 0) 6.77966%, rgba(0, 0, 0, 0) 8.47458%, rgba(100, 100, 225, 0.25) 8.47458%, rgba(100, 100, 225, 0.25) 15.25424%, rgba(0, 0, 0, 0) 15.25424%, rgba(0, 0, 0, 0) 16.94915%, rgba(100, 100, 225, 0.25) 16.94915%, rgba(100, 100, 225, 0.25) 23.72881%, rgba(0, 0, 0, 0) 23.72881%, rgba(0, 0, 0, 0) 25.42373%, rgba(100, 100, 225, 0.25) 25.42373%, rgba(100, 100, 225, 0.25) 32.20339%, rgba(0, 0, 0, 0) 32.20339%, rgba(0, 0, 0, 0) 33.89831%, rgba(100, 100, 225, 0.25) 33.89831%, rgba(100, 100, 225, 0.25) 40.67797%, rgba(0, 0, 0, 0) 40.67797%, rgba(0, 0, 0, 0) 42.37288%, rgba(100, 100, 225, 0.25) 42.37288%, rgba(100, 100, 225, 0.25) 49.15254%, rgba(0, 0, 0, 0) 49.15254%, rgba(0, 0, 0, 0) 50.84746%, rgba(100, 100, 225, 0.25) 50.84746%, rgba(100, 100, 225, 0.25) 57.62712%, rgba(0, 0, 0, 0) 57.62712%, rgba(0, 0, 0, 0) 59.32203%, rgba(100, 100, 225, 0.25) 59.32203%, rgba(100, 100, 225, 0.25) 66.10169%, rgba(0, 0, 0, 0) 66.10169%, rgba(0, 0, 0, 0) 67.79661%, rgba(100, 100, 225, 0.25) 67.79661%, rgba(100, 100, 225, 0.25) 74.57627%, rgba(0, 0, 0, 0) 74.57627%, rgba(0, 0, 0, 0) 76.27119%, rgba(100, 100, 225, 0.25) 76.27119%, rgba(100, 100, 225, 0.25) 83.05085%, rgba(0, 0, 0, 0) 83.05085%, rgba(0, 0, 0, 0) 84.74576%, rgba(100, 100, 225, 0.25) 84.74576%, rgba(100, 100, 225, 0.25) 91.52542%, rgba(0, 0, 0, 0) 91.52542%, rgba(0, 0, 0, 0) 93.22034%, rgba(100, 100, 225, 0.25) 93.22034%, rgba(100, 100, 225, 0.25) 100.0%, rgba(0, 0, 0, 0) 100.0%, rgba(0, 0, 0, 0) 100%);
+  background-position: left top;
+  -webkit-background-origin: content;
+  -moz-background-origin: content;
+  -ms-background-origin: content-box;
+  -o-background-origin: content-box;
+  background-origin: content-box;
+  -webkit-background-clip: content-box;
+  -moz-background-clip: content-box;
+  background-clip: content-box;
+}

data/test/css/bleed.css

@@ -0,0 +1,20 @@
+.bleed-columns {
+  margin-left: -25.42373%;
+  padding-left: 25.42373%;
+  margin-right: -25.42373%;
+  padding-right: 25.42373%;
+}
+
+.bleed-length {
+  margin-left: -3em;
+  padding-left: 3em;
+  margin-right: -3em;
+  padding-right: 3em;
+}
+
+.bleed-sides {
+  margin-top: -4%;
+  padding-top: 4%;
+  margin-bottom: -4%;
+  padding-bottom: 4%;
+}

data/test/css/functions.css

@@ -0,0 +1,7 @@
+.container-outer-width-default {
+  width: 59em;
+}
+
+.container-outer-width-explicit {
+  width: 39em;
+}

data/test/css/grid.css

@@ -0,0 +1,134 @@
+.container {
+  *zoom: 1;
+  max-width: 59em;
+  _width: 59em;
+  padding-left: 1em;
+  padding-right: 1em;
+  margin-left: auto;
+  margin-right: auto;
+}
+.container:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+.complex-container {
+  *zoom: 1;
+  max-width: 59em;
+  _width: 59em;
+  padding-left: 1em;
+  padding-right: 1em;
+  margin-left: auto;
+  margin-right: auto;
+}
+.complex-container:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+@media (min-width: 69em) {
+  .complex-container {
+    max-width: 69em;
+  }
+}
+
+.span-columns {
+  width: 49.15254%;
+  float: right;
+  margin-right: 0;
+  *margin-left: -1em;
+  display: inline;
+}
+
+.span-columns-with-padding {
+  padding-left: 1.69492%;
+  padding-right: 3.38983%;
+  width: 44.0678%;
+  float: right;
+  margin-right: 0;
+  *margin-left: -1em;
+  display: inline;
+}
+
+.reset-columns {
+  float: none;
+  width: auto;
+  margin-right: auto;
+  *margin-left: auto;
+  display: block;
+}
+
+.omega {
+  float: right;
+  margin-right: 0;
+  *margin-left: -1em;
+  display: inline;
+}
+
+.nth-omega:last-child {
+  float: right;
+  margin-right: 0;
+}
+
+.remove-omega {
+  float: left;
+  margin-right: 1.69492%;
+  *margin-left: auto;
+}
+
+.remove-nth-omega:last-child {
+  float: left;
+  margin-right: 1.69492%;
+}
+
+/* ---------------------------------------------------------------------------
+/* Border-Box Sizing */
+* {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+.container {
+  *zoom: 1;
+  max-width: 61em;
+  _width: 61em;
+  padding-left: 1em;
+  padding-right: 1em;
+  margin-left: auto;
+  margin-right: auto;
+}
+.container:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+.span-columns-with-padding {
+  padding-left: 1.69492%;
+  padding-right: 3.38983%;
+  width: 49.15254%;
+  float: right;
+  margin-right: 0;
+  *margin-left: -1em;
+  display: inline;
+}
+
+/* ---------------------------------------------------------------------------
+/* Static output */
+.static {
+  width: 9em;
+  float: left;
+  margin-right: 1em;
+  display: inline;
+}
+
+.force-fluid {
+  width: 15.25424%;
+  float: left;
+  margin-right: 1.69492%;
+  display: inline;
+  margin-left: 8.47458%;
+  margin-right: 8.47458%;
+}

data/test/css/isolation.css

@@ -0,0 +1,25 @@
+.isolate {
+  margin-right: -100%;
+  margin-left: 16.94915%;
+}
+
+.isolate-grid {
+  width: 24.05063%;
+  float: left;
+  margin-right: 1.26582%;
+  display: inline;
+  margin-right: -100%;
+}
+.isolate-grid:nth-child(4n + 1) {
+  margin-left: 0%;
+  clear: left;
+}
+.isolate-grid:nth-child(4n + 2) {
+  margin-left: 25.31646%;
+}
+.isolate-grid:nth-child(4n + 3) {
+  margin-left: 50.63291%;
+}
+.isolate-grid:nth-child(4n + 4) {
+  margin-left: 75.94937%;
+}

data/test/css/margin.css

@@ -0,0 +1,20 @@
+.pre {
+  margin-left: 25.42373%;
+}
+
+.post {
+  margin-right: 33.89831%;
+}
+
+.push {
+  margin-left: 25.42373%;
+}
+
+.pull {
+  margin-left: -33.89831%;
+}
+
+.squish {
+  margin-left: 12.82051%;
+  margin-right: 25.64103%;
+}

data/test/css/media.css

@@ -0,0 +1,101 @@
+.layout {
+  *zoom: 1;
+  max-width: 19em;
+  _width: 19em;
+  padding-left: 1em;
+  padding-right: 1em;
+  margin-left: auto;
+  margin-right: auto;
+}
+.layout:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+@media (min-width: 29em) {
+  .breakpoint .break6 {
+    max-width: 29em;
+    padding-left: 1em;
+    padding-right: 1em;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  .breakpoint .break6:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+  .breakpoint .nth-omega:nth-child(3n) {
+    float: right;
+    margin-right: 0;
+  }
+}
+@media (min-width: 30em) and (max-width: 60em) {
+  .breakpoint .break60-8-30 {
+    max-width: 39em;
+  }
+}
+@media (min-width: 119em) {
+  .breakpoint .break-ltie9 {
+    max-width: 119em;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    -ms-border-radius: 5px;
+    -o-border-radius: 5px;
+    border-radius: 5px;
+  }
+}
+.lt-ie9 .breakpoint .break-ltie9 {
+  max-width: 119em;
+  _width: 119em;
+  *zoom: 1;
+  -ms-border-radius: 5px;
+  border-radius: 5px;
+}
+
+.with-settings6-3-2-1 {
+  *zoom: 1;
+  max-width: 28em;
+  _width: 28em;
+  padding-left: 1em;
+  padding-right: 1em;
+  margin-left: auto;
+  margin-right: auto;
+}
+.with-settings6-3-2-1:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+.with-settings6-3r-2r-1r {
+  *zoom: 1;
+  max-width: 504px;
+  max-width: 28rem;
+  _width: 504px;
+  padding-left: 18px;
+  padding-left: 1rem;
+  padding-right: 18px;
+  padding-right: 1rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+.with-settings6-3r-2r-1r:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+@media (min-width: 33.75em) and (max-width: 67.5em) {
+  .break60r-8-30r {
+    max-width: 684px;
+    max-width: 38rem;
+  }
+}
+@media (min-width: 33.75em) and (max-width: 67.5em) {
+  .break60-8-30 {
+    max-width: 684px;
+    max-width: 38rem;
+  }
+}

data/test/css/padding.css

@@ -0,0 +1,12 @@
+.prefix {
+  padding-left: 16.94915%;
+}
+
+.suffix {
+  padding-right: 22.72727%;
+}
+
+.pad {
+  padding-left: 20.40816%;
+  padding-right: 40.81633%;
+}

data/test/scss/background.scss

@@ -0,0 +1,11 @@
+// ---------------------------------------------------------------------------
+// Imports
+
+@import "../../sass/susy";
+
+// ---------------------------------------------------------------------------
+// Background
+
+.background {
+  @include susy-grid-background;
+}

data/test/scss/bleed.scss

@@ -0,0 +1,19 @@
+// ---------------------------------------------------------------------------
+// Imports
+
+@import "../../sass/susy";
+
+// ---------------------------------------------------------------------------
+// Bleed
+
+.bleed-columns {
+  @include bleed(3);
+}
+
+.bleed-length {
+  @include bleed(3em);
+}
+
+.bleed-sides {
+  @include bleed(4%, top bottom);
+}

data/test/scss/functions.scss

@@ -0,0 +1,15 @@
+// ---------------------------------------------------------------------------
+// Imports
+
+@import "../../sass/susy";
+
+// ---------------------------------------------------------------------------
+// Functions
+
+.container-outer-width-default {
+  width: container-outer-width();
+}
+
+.container-outer-width-explicit {
+  width: container-outer-width(8);
+}

data/test/scss/grid.scss

@@ -0,0 +1,77 @@
+// ---------------------------------------------------------------------------
+// Imports
+
+@import "../../sass/susy";
+
+// ---------------------------------------------------------------------------
+// Grid
+
+.container {
+  @include container;
+}
+
+.complex-container {
+  @include container($total-columns,14);
+}
+
+.span-columns {
+  @include span-columns(6 omega,12);
+}
+
+.span-columns-with-padding {
+  @include span-columns(6 omega,12,1 * $gutter-width 2 * $gutter-width);
+}
+
+.reset-columns {
+  @include reset-columns;
+}
+
+.omega {
+  @include omega;
+}
+
+.nth-omega {
+  @include nth-omega;
+}
+
+.remove-omega {
+  @include remove-omega;
+}
+
+.remove-nth-omega {
+  @include remove-nth-omega;
+}
+
+/* ---------------------------------------------------------------------------
+/* Border-Box Sizing */
+
+@include border-box-sizing;
+
+.container {
+  @include container;
+}
+
+.span-columns-with-padding {
+  @include span-columns(6 omega,12,1 * $gutter-width 2 * $gutter-width);
+}
+
+// Reset $border-box-sizing so it doesn't have other effects
+$border-box-sizing: false;
+
+/* ---------------------------------------------------------------------------
+/* Static output */
+
+$container-style: static;
+
+.static {
+  @include span-columns(2);
+}
+
+.force-fluid {
+  $container-width: 960px;
+  @include span-columns(2);
+  @include squish(1,1);
+  $container-width: false;
+}
+
+$container-style: magic;

data/test/scss/isolation.scss

@@ -0,0 +1,15 @@
+// ---------------------------------------------------------------------------
+// Imports
+
+@import "../../sass/susy";
+
+// ---------------------------------------------------------------------------
+// Isolation
+
+.isolate {
+  @include isolate(3);
+}
+
+.isolate-grid {
+  @include isolate-grid(4,16);
+}

data/test/scss/margin.scss

@@ -0,0 +1,27 @@
+// ---------------------------------------------------------------------------
+// Imports
+
+@import "../../sass/susy";
+
+// ---------------------------------------------------------------------------
+// Margin
+
+.pre {
+  @include pre(3);
+}
+
+.post {
+  @include post(4,12);
+}
+
+.push {
+  @include push(3);
+}
+
+.pull {
+  @include pull(4,12);
+}
+
+.squish {
+  @include squish(1,2,8);
+}

data/test/scss/media.scss

@@ -0,0 +1,50 @@
+// ---------------------------------------------------------------------------
+// Imports
+
+@import "../../sass/susy";
+@import "compass/css3/border-radius";
+
+// ---------------------------------------------------------------------------
+// Media
+
+@include layout(4) {
+  .layout { @include container; }
+}
+
+.breakpoint{
+  @include at-breakpoint(6) {
+    .break6 { @include container; }
+    .nth-omega { @include nth-omega(3n); }
+  }
+
+  @include at-breakpoint(60em 8 30em) {
+    .break60-8-30 { @include set-container-width; }
+  }
+
+  @include at-breakpoint(24 lt-ie9) {
+    .break-ltie9 {
+      @include set-container-width;
+      @include has-layout; // test adjustments to experimental support
+      @include border-radius; // test adjustments to experimental support
+    }
+  }
+}
+
+@include with-grid-settings(6,3em,2em,1em) {
+  .with-settings6-3-2-1 { @include container; }
+}
+
+$base-font-size: 18px;
+
+@include with-grid-settings(6,3rem,2rem,1rem) {
+  .with-settings6-3r-2r-1r { @include container; }
+
+  @include at-breakpoint(60rem 8 30rem) {
+    .break60r-8-30r { @include set-container-width; }
+  }
+  @include at-breakpoint(60em 8 30em) {
+    .break60-8-30 { @include set-container-width; }
+  }
+}
+
+$base-font-size: 16px;

data/test/scss/padding.scss

@@ -0,0 +1,19 @@
+// ---------------------------------------------------------------------------
+// Imports
+
+@import "../../sass/susy";
+
+// ---------------------------------------------------------------------------
+// Padding
+
+.prefix {
+  @include prefix(2);
+}
+
+.suffix {
+  @include suffix(2,9);
+}
+
+.pad {
+  @include pad(2,4,10);
+}

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: charcoalcms
 version: !ruby/object:Gem::Version 
-  hash: 23
+  hash: 19
   prerelease: 
   segments: 
   - 0
   - 0
-  - 4
-  version: 0.0.4
+  - 6
+  version: 0.0.6
 platform: ruby
 authors: 
 - Nik | polikin.ca
@@ -49,7 +49,7 @@ dependencies:
         version: 3.2.0
   type: :runtime
   version_requirements: *id002
-description: Sass/Compass mixins & Include responsive grid base on getskeleton html/css structure || 960 (http://getskeleton.com/) or 1200 (https://github.com/theresponsiveness/GetSkeleton1200) || Fluid (http://app.responsify.it/)
+description: charcoal grids are fluid on the inside, ready to respond at any moment, but contained in the candy shell of your choice, so they respond how and when and where you want them to. We don't design your site or dictate your markup, we just do the math and get out of your way.
 email: responsiveness@polikin.ca
 executables: []
 
@@ -58,11 +58,38 @@ extensions: []
 extra_rdoc_files: []
 
 files: 
+- CHANGELOG.mkdn
+- LICENSE.txt
+- Manifest
+- README.md
 - Rakefile
-- scss/_charcoal.scss
-- scss/charcoal/_core.functions.scss
-- scss/charcoal/_responsive-grid.scss
-homepage: http://rubygems.org/gems/charcoalcms
+- VERSION
+- lib/charcoal.rb
+- sass/_charcoal.scss
+- sass/charcoal/_core.functions.scss
+- sass/charcoal/_responsive-grid.scss
+- charcoalcms.gemspec
+- templates/project/_base.scss
+- templates/project/manifest.rb
+- templates/project/screen.scss
+- test/config.rb
+- test/css/background.css
+- test/css/bleed.css
+- test/css/functions.css
+- test/css/grid.css
+- test/css/isolation.css
+- test/css/margin.css
+- test/css/media.css
+- test/css/padding.css
+- test/scss/background.scss
+- test/scss/bleed.scss
+- test/scss/functions.scss
+- test/scss/grid.scss
+- test/scss/isolation.scss
+- test/scss/margin.scss
+- test/scss/media.scss
+- test/scss/padding.scss
+homepage: http://polikin.ca
 licenses: []
 
 post_install_message: 
@@ -95,6 +122,6 @@ rubyforge_project: charcoalcms
 rubygems_version: 1.8.25
 signing_key: 
 specification_version: 3
-summary: Sass/Compass mixins & Include responsive grid base on getskeleton
+summary: ""
 test_files: []