semantic_grid 0.1

data/.gitignore

@@ -0,0 +1,6 @@
+*swp
+*gem
+.sass-cache/
+semantic_grid/
+demo/
+Gemfile.lock

data/Gemfile

@@ -0,0 +1,4 @@
+source "http://rubygems.org"
+
+# Specify your gem's dependencies in sass-mixins.gemspec
+gemspec

data/LICENSE

@@ -0,0 +1,23 @@
+LICENSE
+
+The MIT License
+
+Copyright (c) 2011 thoughtbot, inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/Rakefile

@@ -0,0 +1,2 @@
+require 'bundler'
+Bundler::GemHelper.install_tasks

data/app/assets/stylesheets/_semantic_grid.scss

@@ -0,0 +1,126 @@
+// Semantic SASS Grid
+//
+// A 16-column semantic grid for SASS adapted from:
+
+// 960 Grid System ~ Core CSS.
+// Learn more ~ http://960.gs/
+// 
+// Licensed under GPL and MIT.
+// 
+// 
+
+
+
+// Core classes 
+
+@mixin grid-core {
+  display: inline;
+  float: left;
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+@mixin clearfix-base {
+  content: '.';
+  display: block;
+  overflow: hidden;
+  visibility: hidden;
+  font-size: 0;
+  line-height: 0;
+  width: 0;
+  height: 0;
+}
+
+
+// Body
+@mixin body {
+  min-width: 960px;
+}
+
+// Container
+
+@mixin grid-container {
+  margin-left: auto;
+  margin-right: auto;
+  width: 960px;
+  zoom: 1;
+  &:before {
+    @include clearfix-base;
+  }
+  &:after {
+    @include clearfix-base;
+    clear: both;
+  }
+}
+
+
+// Clear Floated Elements
+
+@mixin clear {
+  clear: both;
+  display: block;
+  overflow: hidden;
+  visibility: hidden;
+  width: 0;
+  height: 0;
+}
+
+
+// Clearfix
+
+@mixin clearfix {
+  zoom: 1;
+  &:before {
+    @include clearfix-base;
+  }
+  &:after {
+    @include clearfix-base;
+    clear: both;
+  }
+}
+
+
+
+// Grid >> Global
+
+@mixin grid($columns) {
+  @include grid-core;
+  @if $columns == 1 {
+    width: 40px;
+  }
+  @else {
+    width: 40px = 60px * ($columns - 1)
+  }
+}
+
+
+@mixin push($columns) {
+  position: relative;
+  left: 60px * $columns;
+}
+
+@mixin pull($columns) {
+  position: relative;
+  left: -60px * $columns;
+}
+
+@mixin prefix($columns) {
+  padding-left: 60px * $columns;
+}
+
+@mixin suffix($columns) {
+  padding-right: 60px * $columns;
+}
+
+
+// Grid >> Children (Alpha ~ First, Omega ~ Last)
+
+@mixin alpha {
+  margin-left: 0;
+}
+
+
+@mixin omega {
+  margin-right: 0;
+}
+

data/lib/semantic_grid.rb

@@ -0,0 +1,17 @@
+module SemanticGrid
+  if defined?(Rails)
+    class Engine < ::Rails::Engine
+      require 'semnatic_grid/engine'
+    end
+
+    module Rails
+      class Railtie < ::Rails::Railtie
+        rake_tasks do
+          load "tasks/install.rake"
+        end
+      end
+    end
+  end
+end
+
+require File.join(File.dirname(__FILE__), "/semantic_grid/sass_extensions")

data/lib/semantic_grid/engine.rb

@@ -0,0 +1,5 @@
+module Bourbon
+  class Engine < Rails::Engine
+    # auto wire
+  end
+end

data/lib/semantic_grid/sass_extensions.rb

@@ -0,0 +1,4 @@
+module Bourbon::SassExtensions
+end
+
+require "sass"

data/lib/semantic_grid/version.rb

@@ -0,0 +1,3 @@
+module SemanticGrid
+  VERSION = "0.1"
+end

data/readme.md

@@ -0,0 +1,79 @@
+#Semantic Grid
+
+This is a simple 16-column semantic grid for Sass based on the popular 960.gs.
+
+To use the grid, simply mixin in the following:
+
+body
+  +body
+  
+// Any element that you wish to user the grid on
+content
+  +grid-container
+  
+
+You now have access to all the standard 960 grid features: grid(n), push(n), pull(n), prefix(n), suffix(n).
+Mixin 'alpha' and 'omega' to first and last columns, respectively.
+
+
+This grid plays nice with [html5-boilerplate](http://html5boilerplate.com/).
+
+
+#Requirements
+Sass 3.1+
+
+
+#Install for Rails
+Update your Gemfile
+
+    gem 'semantic_grid'
+
+    bundle install
+
+##Rails 3.1.x
+Semantic Grid needs the sass files to be imported in a specific order to function properly—therefore you will need to disabled the require_tree sprocket directive.  
+Comment-out the following sprocket directive in /application.css.scss (Remove the =)
+
+    * require_tree .
+
+Import the mixins at the beginning of your stylesheet
+
+    @import 'semantic_grid';
+
+
+#Install without Rails
+The following script will generate a *semantic_grid* directory and convert all .css.scss to .scss extensions. The *semantic_grid* directory is for 'sass --watch' use outside of rails.
+  
+Preliminary step: clone this repo and cd into the directory.
+
+**Step 1:** Make script executable by changing file permission
+
+    chmod a+x generate-semantic_grid.sh
+
+**Step 2:** Generate files
+
+    ./generate-semantic_grid.sh
+
+**Step 3:** Move the new *semantic_grid* directory into your project's sass directory. *e.g. stylesheets/sass/*
+
+**Step 4:** Semantic Grid requires an additional sass extension to output properly. You must watch your sass files with the following flag appended:  
+*-r ./semantic_grid/lib/semantic_grid.rb*
+
+    # Example (project root directory)
+    sass --watch stylesheets/sass:stylesheets -r ./stylesheets/sass/semantic_grid/lib/semantic_grid.rb
+
+
+
+##Help Out
+
+Currently the project is a work in progress. Feel free to help out.
+
+Credits
+-------
+
+Semantic Grid is maintained and by [Gavin Hughes](http://github.com/gavinhughes)
+
+License
+-------
+
+Bourbon is Copyright © 2011 Gavin Hughes. It is free software, and may be redistributed under the terms specified in the LICENSE file.

data/semantic_grid.gemspec

@@ -0,0 +1,23 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+require "semantic_grid/version"
+
+Gem::Specification.new do |s|
+  s.name        = "semantic_grid"
+  s.version     = SemanticGrid::VERSION
+  s.platform    = Gem::Platform::RUBY
+  s.authors     = ["Gavin Hughes"]
+  s.email       = ["g@gavinhughes.net"]
+  s.homepage    = "https://github.com/gavinhughes/semantic_grid"
+  s.summary     = "Semantic grid for Sass based on 960.gs."
+  s.description = "This is a simple semantic grid for SASS based on the popular 960.gs."
+
+  s.rubyforge_project = "semantic_grid"
+
+  s.files         = `git ls-files`.split("\n")
+  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  s.require_paths = ["lib"]
+
+  s.add_dependency('sass', '>= 3.1')
+end

metadata

@@ -0,0 +1,67 @@
+--- !ruby/object:Gem::Specification
+name: semantic_grid
+version: !ruby/object:Gem::Version
+  version: '0.1'
+  prerelease: 
+platform: ruby
+authors:
+- Gavin Hughes
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2011-09-03 00:00:00.000000000Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: &70265279779680 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: *70265279779680
+description: This is a simple semantic grid for SASS based on the popular 960.gs.
+email:
+- g@gavinhughes.net
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE
+- Rakefile
+- app/assets/stylesheets/_semantic_grid.scss
+- lib/semantic_grid.rb
+- lib/semantic_grid/engine.rb
+- lib/semantic_grid/sass_extensions.rb
+- lib/semantic_grid/version.rb
+- readme.md
+- semantic_grid.gemspec
+homepage: https://github.com/gavinhughes/semantic_grid
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: semantic_grid
+rubygems_version: 1.8.6
+signing_key: 
+specification_version: 3
+summary: Semantic grid for Sass based on 960.gs.
+test_files: []