zen-grids 2.0.0.beta.2 → 2.0.0.beta.3

data/.travis.yml

@@ -1,13 +0,0 @@
-# Configuration options are documented at:
-# http://about.travis-ci.org/docs/user/languages/ruby/
-language: ruby
-bundler_args: --without development
-rvm:
-  - 1.9.3
-  - 2.0.0
-gemfile:
-  - tests/Gemfile
-branches:
-  only:
-    - master
-script: cd tests; bundle exec rake

data/bower.json

@@ -1,27 +0,0 @@
-{
-  "name"        : "zen-grids",
-  "version"     : "2.0.0-beta.2",
-  "homepage"    : "http://zengrids.com",
-  "author"      : ["John Albin Wilkins"],
-  "description" : "Zen Grids is an intuitive, flexible grid system to create responsive, adaptive, fluid and fixed-width layouts.",
-  "main"        : [
-    "_zen-grids.scss",
-    "zen-grids/_background.scss",
-    "zen-grids/_flow.scss",
-    "zen-grids/_grids.scss"
-  ],
-  "keywords"    : [
-    "Sass",
-    "Compass",
-    "grids",
-    "rwd"
-  ],
-  "license"     : "GPLv2",
-  "ignore"      : [
-    "zen-grids.gemspec",
-    "sache.json",
-    "lib",
-    "templates",
-    "tests"
-  ]
-}

data/sache.json

@@ -1,5 +0,0 @@
-{
-  "name": "zen-grids",
-  "description": "Zen Grids is an intuitive, flexible grid system that leverages the natural source order of your content to make it easier to create fluid responsive designs. With an easy-to-use Sass mixin set, the Zen Grids system can be applied to an infinite number of layouts, including responsive, adaptive, fluid and fixed-width layouts.",
-  "tags": ["layout", "grid", "rwd", "responsive-web-design"]
-}

data/tests/Gemfile

@@ -1,11 +0,0 @@
-# Pull gems from RubyGems
-source 'https://rubygems.org'
-
-gem 'sass',               ">= 3.3"
-gem 'compass',            ">= 1.0.0.alpha.13", "!= 1.0.0.alpha.16", "!= 1.0.0.alpha.17"
-
-group :test do
-  gem 'rake'
-  gem "diffy", "~> 3.0.1"
-  gem "colorize", "~> 0.6.0"
-end

data/tests/README.md

@@ -1,16 +0,0 @@
-# Tests
-
-The tests for this project are built using Navigator, a Ruby testing framework
-for Sass with Compass. https://github.com/Team-Sass/navigator
-
-## Building the test environment
-
-Navigator works through Ruby, so you need to be running Ruby 1.8.7 or greater, and you to install [Bundler](http://bundler.io/) with `gem install bundler` or, for Mac OS X and other systems requiring administrative privileges, `sudo gem install bundler`.
-
-Once Bundler is installed, change to the tests directory and run `bundle install` to install libraries required by this project.
-
-## Running tests
-
-Once you have everything installed, change to the tests directory and run `bundle exec rake` to run the tests. This will compile all of the files in your `tests/tests` files into CSS files and compare those files to the files in `tests/controls`. If any of your output file from your tests don't line up with your controls, you'll get a `.diff` file generated of the differences and you'll get a failed assertion. If your Sass won't compile, you'll get a failed assertion.
-
-If you're working off of a known set of good output and you'd like to generate your controls quickly, you can run `bundle exec rake compile`.

data/tests/Rakefile

@@ -1,25 +0,0 @@
-# Navigator | Copyright 2013 Team Sass | MIT License | https://github.com/Team-Sass/navigator
-
-task :default => [:test]
-
-task :test do
-  require 'fileutils'
-
-  output_dir = 'output'
-  FileUtils.mkdir_p output_dir
-  ruby 'unit_tests.rb'
-  FileUtils.rm_rf output_dir
-end
-
-desc 'Compile baseline CSS'
-task :compile do
-  require 'compass'
-  require 'compass/exec'
-
-  Compass.add_configuration 'config.rb'
-  Compass.configuration.project_path = Dir.pwd
-  # Compile into baseline directory instead of test output directory
-  Compass.configuration.css_dir = 'controls'
-  Compass.compiler.clean!
-  Compass.compiler.run
-end

data/tests/config.rb

@@ -1,22 +0,0 @@
-# Require any additional compass plugins here.
-
-# File system locations
-sass_dir              = 'tests'
-css_dir               = 'output'
-
-# If developing an extension, add your extension's stylesheets folder as an import path.
-add_import_path       '../'
-
-# Set to true for easier debugging
-line_comments         = false
-# preferred_syntax      = :sass
-
-# CSS output style - :nested, :expanded, :compact, or :compressed
-output_style          = :expanded
-
-# Determine whether Compass asset helper functions generate relative
-# or absolute paths
-relative_assets       = true
-
-# Learn more:
-#   http://compass-style.org/docs/tutorials/configuration-reference/

data/tests/controls/compass-compatibility.css

@@ -1,112 +0,0 @@
-/**
- * @file
- * Test zen-grid-container() and zen-grid-item() after @import compass.
- */
-#test-zen-grid-container {
-  /* Test zen-grid-container() */
-  *position: relative;
-  *zoom: 1;
-}
-#test-zen-grid-container:before, #test-zen-grid-container:after {
-  content: "";
-  display: table;
-}
-#test-zen-grid-container:after {
-  clear: both;
-}
-
-#test-zen-grid-container-2 {
-  /* Test zen-grid-container() with IE 8 support */
-}
-#test-zen-grid-container-2:before, #test-zen-grid-container-2:after {
-  content: "";
-  display: table;
-}
-#test-zen-grid-container-2:after {
-  clear: both;
-}
-
-#test-zen-grid-container-3 {
-  /* Test zen-grid-container() with IE 7 support */
-  *position: relative;
-  *zoom: 1;
-}
-#test-zen-grid-container-3:before, #test-zen-grid-container-3:after {
-  content: "";
-  display: table;
-}
-#test-zen-grid-container-3:after {
-  clear: both;
-}
-
-#test-zen-grid-container-4 {
-  /* Test zen-grid-container() with IE 6 support */
-  *position: relative;
-  *zoom: 1;
-}
-#test-zen-grid-container-4:before, #test-zen-grid-container-4:after {
-  content: "";
-  display: table;
-}
-#test-zen-grid-container-4:after {
-  clear: both;
-}
-
-#test-zen-grid-item {
-  /* Test zen-grid-item(1, 1) */
-  float: left;
-  width: 100%;
-  margin-left: 0%;
-  margin-right: -100%;
-  *margin-right: -99.9%;
-  padding-left: 10px;
-  padding-right: 10px;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  box-sizing: border-box;
-  *behavior: url("/ie-box-sizing.htc");
-  *word-wrap: break-word;
-  /* Test zen-grid-item(1, 1) with IE 8 support */
-  float: left;
-  width: 100%;
-  margin-left: 0%;
-  margin-right: -100%;
-  padding-left: 10px;
-  padding-right: 10px;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  box-sizing: border-box;
-  /* Test zen-grid-item(1, 1) with IE 7 support */
-  float: left;
-  width: 100%;
-  margin-left: 0%;
-  margin-right: -100%;
-  *margin-right: -99.9%;
-  padding-left: 10px;
-  padding-right: 10px;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  box-sizing: border-box;
-  *behavior: url("/ie-box-sizing.htc");
-  *word-wrap: break-word;
-  /* Test zen-grid-item(1, 1) with IE 6 support */
-  float: left;
-  width: 100%;
-  margin-left: 0%;
-  margin-right: -100%;
-  *margin-right: -99.9%;
-  padding-left: 10px;
-  padding-right: 10px;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  box-sizing: border-box;
-  *behavior: url("/ie-box-sizing.htc");
-  _display: inline;
-  _overflow: hidden;
-  _overflow-y: visible;
-  *word-wrap: break-word;
-}

data/tests/controls/function-zen-direction-switch.css

@@ -1,16 +0,0 @@
-/**
- * @file
- * Test zen-direction-switch()
- */
-#test-zen-direction-switch {
-  /* Test zen-direction-switch(left) */
-  float: right;
-  /* Test zen-direction-switch(right) */
-  float: left;
-  /* Test zen-direction-switch(both) */
-  float: both;
-  /* Test zen-direction-switch(none) */
-  float: none;
-  /* Test zen-direction-switch(invalid) */
-  float: invalid;
-}

data/tests/controls/function-zen-grid-item-width.css

@@ -1,26 +0,0 @@
-/**
- * @file
- * Test zen-grid-item-width()
- */
-#test-zen-grid-item-width {
-  /* Test zen-grid-item-width(1) with default $zen-columns: 1 */
-  width: 100%;
-  /* Test zen-grid-item-width(2) with $zen-columns: 5 */
-  width: 40%;
-  /* Test zen-grid-item-width(2, 5) */
-  width: 40%;
-  /* Test zen-grid-item-width(1) with $zen-grid-width: 100px */
-  width: 100px;
-  /* Test zen-grid-item-width(2, 5) with $zen-grid-width: 100px */
-  width: 40px;
-  /* Test zen-grid-item-width(2, 5, $grid-width: 1000px) */
-  width: 400px;
-  /* Test zen-grid-item-width(2, 5, $grid-width: 1000px, $box-sizing: content-box) */
-  width: 380px;
-  /* Test zen-grid-item-width(2, 5, $gutters: 10px, $grid-width: 1000px, $box-sizing: content-box) */
-  width: 390px;
-  /* Test zen-grid-item-width(3, 5, $gutters: 10%, $gutter-method: margin) */
-  width: 56%;
-  /* Test zen-grid-item-width(3.5, 5, $gutters: 10%, $gutter-method: margin) */
-  width: 62%;
-}

data/tests/controls/function-zen-half-gutter.css

@@ -1,24 +0,0 @@
-/**
- * @file
- * Test zen-half-gutter()
- */
-#test-zen-half-gutter {
-  /* Test zen-half-gutter() with default $zen-gutters: 20px */
-  padding-left: 10px;
-  /* Test zen-half-gutter() with $zen-gutters: 30px */
-  padding-left: 15px;
-  /* Test zen-half-gutter(10em) */
-  padding-left: 5em;
-  /* Test zen-half-gutter(11em) */
-  padding-left: 5.5em;
-  /* Test zen-half-gutter(10px) */
-  padding-left: 5px;
-  /* Test zen-half-gutter(11px) */
-  padding-left: 5px;
-  /* Test zen-half-gutter(11px, right) */
-  padding-left: 6px;
-  /* Test zen-half-gutter(11px) with $zen-direction: right */
-  padding-left: 5px;
-  /* Test zen-half-gutter(11px, left) with $zen-direction: right */
-  padding-left: 6px;
-}

data/tests/controls/function-zen-unit-width.css

@@ -1,22 +0,0 @@
-/**
- * @file
- * Test zen-unit-width()
- */
-#test-zen-unit-width {
-  /* Test zen-unit-width() with default $zen-columns: 1 */
-  width: 100%;
-  /* Test zen-unit-width() with $zen-columns: 5 */
-  width: 20%;
-  /* Test zen-unit-width(5) */
-  width: 20%;
-  /* Test zen-unit-width() with $zen-grid-width: 100px */
-  width: 100px;
-  /* Test zen-unit-width(5) with $zen-grid-width: 100px */
-  width: 20px;
-  /* Test zen-unit-width(5, 100px) */
-  width: 20px;
-  /* Test zen-unit-width() with $zen-columns: 3, $zen-gutter-method: margin, and $zen-gutters: 5% */
-  width: 30%;
-  /* Test zen-unit-width(3, 5px, margin, 100px) */
-  width: 30px;
-}

data/tests/controls/zen-float.css

@@ -1,16 +0,0 @@
-/**
- * @file
- * Test zen-float()
- */
-#test-zen-float {
-  /* Test zen-float() */
-  float: left;
-  /* Test zen-float() with $zen-direction: right */
-  float: right;
-  /* Test zen-float(left) */
-  float: left;
-  /* Test zen-float(left, $switch-direction: TRUE) */
-  float: right;
-  /* Test zen-float(left) with: $zen-switch-direction: TRUE; */
-  float: right;
-}

data/tests/controls/zen-flow-item-width.css

@@ -1,131 +0,0 @@
-/**
- * @file
- * Test zen-flow-item-width()
- */
-#test-zen-flow-item-width {
-  /* Test zen-flow-item-width(1) without setting $parent-column-span */
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 100%;
-  padding-left: 0;
-  padding-right: 0px;
-  margin-right: 20px;
-  /* Test zen-flow-item-width(1, 4) with 20px gutter */
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 25%;
-  padding-left: 0;
-  padding-right: 15px;
-  margin-right: 5px;
-  /* Test zen-flow-item-width(1, 4) with 15px gutter */
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 25%;
-  padding-left: 0;
-  padding-right: 11.25px;
-  margin-right: 3.75px;
-  /* Test zen-flow-item-width(1) with 5 columns, 20px gutter and $zen-grid-width: 1000px */
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 200px;
-  padding-left: 0;
-  padding-right: 20px;
-  /* Test zen-flow-item-width(1) with 5 columns, 20px gutter, $zen-grid-width: 1000px, $alpha-gutter: true and $omega-gutter: false */
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 200px;
-  padding-left: 20px;
-  padding-right: 0;
-  /* Test zen-flow-item-width(1) with 5 columns, 20px gutter, $zen-grid-width: 1000px and $omega-gutter: false */
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 180px;
-  padding-left: 0;
-  padding-right: 0;
-  /* Test zen-flow-item-width(1, 4) with 15px gutter and $zen-direction: right */
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 25%;
-  padding-right: 0;
-  padding-left: 11.25px;
-  margin-left: 3.75px;
-  /* Test zen-flow-item-width(1, 4) with 15px gutter and $alpha-gutter: true */
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 25%;
-  padding-left: 0;
-  margin-left: 15px;
-  padding-right: 11.25px;
-  margin-right: 3.75px;
-  /* Test zen-flow-item-width(1, 4) with 15px gutter and $omega-gutter: false */
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 25%;
-  padding-left: 0;
-  padding-right: 11.25px;
-  margin-right: -11.25px;
-  /* Test zen-flow-item-width(3, 4) with 20px gutter and $alpha-gutter: true */
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 75%;
-  padding-left: 0;
-  margin-left: 20px;
-  padding-right: 5px;
-  margin-right: 15px;
-  /* Test zen-flow-item-width(3, 4) with 20px gutter and $omega-gutter: false */
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 75%;
-  padding-left: 0;
-  padding-right: 5px;
-  margin-right: -5px;
-  /* Test zen-flow-item-width(1, 4) with 15px gutter, $zen-direction: right and $alpha-gutter: true */
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  box-sizing: border-box;
-  width: 25%;
-  padding-right: 0;
-  margin-right: 15px;
-  padding-left: 11.25px;
-  margin-left: 3.75px;
-  /* Test zen-flow-item-width(1, 4) with $zen-box-sizing: content-box and 10% gutter */
-  border-left: 0 !important;
-  border-right: 0 !important;
-  width: 10.71429%;
-  padding-left: 0;
-  padding-right: 10.71429%;
-  margin-right: 3.57143%;
-  /* Test zen-flow-item-width(1, 4) with $zen-box-sizing: universal-border-box */
-  width: 25%;
-  padding-left: 0;
-  padding-right: 15px;
-  margin-right: 5px;
-  /* Test zen-flow-item-width(1, 4) with $zen-auto-include-flow-item-base: false */
-  width: 25%;
-  padding-left: 0;
-  padding-right: 15px;
-  margin-right: 5px;
-}