notjustagrid 0.0.1

data/.gitignore

@@ -0,0 +1,4 @@
+*.gem
+.bundle
+Gemfile.lock
+pkg/*

data/.rvmrc

@@ -0,0 +1,41 @@
+#!/usr/bin/env bash
+
+# This is an RVM Project .rvmrc file, used to automatically load the ruby
+# development environment upon cd'ing into the directory
+
+# First we specify our desired <ruby>[@<gemset>], the @gemset name is optional.
+environment_id="ruby-1.9.2-p290@notjustagrid"
+
+#
+# First we attempt to load the desired environment directly from the environment
+# file. This is very fast and efficient compared to running through the entire
+# CLI and selector. If you want feedback on which environment was used then
+# insert the word 'use' after --create as this triggers verbose mode.
+#
+if [[ -d "${rvm_path:-$HOME/.rvm}/environments" \
+  && -s "${rvm_path:-$HOME/.rvm}/environments/$environment_id" ]]
+then
+  \. "${rvm_path:-$HOME/.rvm}/environments/$environment_id"
+
+  if [[ -s ".rvm/hooks/after_use" ]]
+  then
+    . ".rvm/hooks/after_use"
+  fi
+else
+  # If the environment file has not yet been created, use the RVM CLI to select.
+  if ! rvm --create  "$environment_id"
+  then
+    echo "Failed to create RVM environment ''."
+  fi
+fi
+
+#
+# If you use an RVM gemset file to install a list of gems (*.gems), you can have
+# it be automatically loaded. Uncomment the following and adjust the filename if
+# necessary.
+#
+# filename=".gems"
+# if [[ -s "$filename" ]] ; then
+#   rvm gemset import "$filename" | grep -v already | grep -v listed | grep -v complete | sed '/^$/d'
+# fi
+

data/Gemfile

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

data/README.md

@@ -0,0 +1,31 @@
+# Not Just A Grid
+
+Notjustagrid is an awesome CSS framework. I like using it and decided to create a Rubygem version of it.
+
+## Rails 3.1
+
+Notjustagrid is a Rails engine and vendors the framework files. Just add it to your Gemfile and `bundle install`
+
+    gem 'notjustagrid'
+    
+Then you need to require the files you want in the `application.css` manifest
+
+    *= require reset
+    *= require grid960
+    .
+    .
+    .
+    
+A better option would be to create a `notjustagrid.css` manifest that requires the files you want and then just require that file in `application.css`
+
+## Rails 3.0
+
+Install the gem into your Rails application and then run the install generator to copy the assets.
+
+    rails generate notjustagrid:install
+    
+## Credits
+
+The [Not Just A Grid](http://notjustagrid.com) framework is maintained by [Al Redpath](http://twitter.com/notjustagrid) / [Outrageous Creations!](http://www.outrageouscreations.com)
+
+The Notjustagrid Rubygem is maintained by [Evan Machnic](http://twitter.com/emachnic)

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/lib/generators/notjustagrid/install/install_generator.rb

@@ -0,0 +1,30 @@
+require 'rails'
+
+module Notjustagrid
+  module Generators
+    class InstallGenerator < ::Rails::Generators::Base
+      desc "This generator install Notjustagrid #{Notjustagrid::NJAG_VERSION} assets"
+      source_root File.expand_path('../../../../../vendor/assets', __FILE__)
+      
+      def copy_notjustagrid
+        say_status("copying", "Notjustagrid (#{Notjustagrid::NJAG_VERSION})", :green)
+        
+        say_status("copying", "stylesheets", :green)
+        directory('stylesheets/src', 'public/stylesheets')
+        # copy_file 'stylesheets/src/forms.css',    'public/stylesheets/forms.css'
+        # copy_file 'stylesheets/src/grid1200.css', 'public/stylesheets/grid1200.css'  
+        # copy_file 'stylesheets/src/grid1380.css', 'public/stylesheets/grid1380.css'  
+        # copy_file 'stylesheets/src/grid1500.css', 'public/stylesheets/grid1500.css'  
+        # copy_file 'stylesheets/src/grid960.css',  'public/stylesheets/grid960.css'   
+        # copy_file 'stylesheets/src/helpers.css',  'public/stylesheets/helpers.css'   
+        # copy_file 'stylesheets/src/reset.css',    'public/stylesheets/reset.css'     
+        # copy_file 'stylesheets/src/tables.css',   'public/stylesheets/tables.css'    
+        # copy_file 'stylesheets/src/type.css',     'public/stylesheets/type.css'      
+        # copy_file 'stylesheets/src/ux.css',       'public/stylesheets/ux.css'
+        
+        say_status("copying", "images", :green)
+        directory('images/notjustagrid', 'public/images/notjustagrid')
+      end
+    end
+  end
+end if ::Rails.version < '3.1'

data/lib/notjustagrid/engine.rb

@@ -0,0 +1,5 @@
+module Notjustagrid
+  class Engine < ::Rails::Engine
+    
+  end
+end

data/lib/notjustagrid/version.rb

@@ -0,0 +1,4 @@
+module Notjustagrid
+  VERSION = "0.0.1"
+  NJAG_VERSION = '1.1'
+end

data/lib/notjustagrid.rb

@@ -0,0 +1,4 @@
+module Notjustagrid
+  require 'notjustagrid/engine'
+  require "notjustagrid/version"
+end

data/notjustagrid.gemspec

@@ -0,0 +1,28 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+require "notjustagrid/version"
+
+Gem::Specification.new do |s|
+  s.name        = "notjustagrid"
+  s.version     = Notjustagrid::VERSION
+  s.authors     = ["Evan Machnic"]
+  s.email       = ["emachnic@broadmac.net"]
+  s.homepage    = "http://notjustagrid.com"
+  s.summary     = %q{The notjustagrid CSS framework in a gem}
+  s.description = %q{Make it easy to install notjustagrid into your Rails app}
+
+  s.rubyforge_project = "notjustagrid"
+
+  s.add_dependency 'rake',  '~> 0.9.2'
+  s.add_dependency 'rails', '~> 3.0'
+  s.add_development_dependency 'sass', '~> 3.1.7'
+
+  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"]
+
+  # specify any dependencies here; for example:
+  # s.add_development_dependency "rspec"
+  # s.add_runtime_dependency "rest-client"
+end

data/vendor/assets/stylesheets/forms.scss.erb

@@ -0,0 +1,264 @@
+/* Not Just a Grid v1.1 - June 2011 - (c) 2011 Al Redpath / Outrageous Creations! Licenced under an MIT Licence */
+/* ---------------------------------------------------------------------------- */
+/* vertical form styling ------------------------------------------------------ */
+/* ---------------------------------------------------------------------------- */
+
+.vertical_form {
+  font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
+  letter-spacing: 1px;
+  fieldset {
+    border: 1px solid #888;
+    margin: 10px 0;
+    padding: 10px 20px 10px 20px;
+    -moz-border-radius: 10px;
+    -webkit-border-radius: 10px;
+    border-radius: 10px;
+    &.fieldsetbuttons {
+      padding: 10px 10px 10px 20px;
+      div {
+        text-align: right; } } }
+  legend {
+    margin: 0;
+    border: 1px solid #888;
+    padding: 3px 6px;
+    background: #eeeeee url(<%= asset_path 'notjustagrid/misc/transoverlay-matte.png' %>) repeat-x;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    text-transform: uppercase;
+    letter-spacing: 2px; }
+  label {
+    display: block;
+    margin: 10px 0 5px 0; }
+  ul {
+    margin: 0;
+    padding: 0; }
+  li {
+    list-style: none;
+    margin: 0;
+    padding: 0; }
+  div.form_input_notes {
+    font-size: 12px;
+    margin: 0 0 10px 10px; } }
+
+/* ---------------------------------------------------------------------------- */
+/* Horizontal form styling ---------------------------------------------------- */
+/* ---------------------------------------------------------------------------- */
+
+.horizontal_form {
+  font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
+  letter-spacing: 1px;
+  fieldset {
+    border: 1px solid #888;
+    margin: 10px 0;
+    padding: 10px 20px 10px 20px;
+    -moz-border-radius: 10px;
+    -webkit-border-radius: 10px;
+    border-radius: 10px;
+    &.fieldsetbuttons {
+      padding: 10px 10px 10px 20px;
+      div {
+        text-align: right; } } }
+  legend {
+    margin: 0;
+    border: 1px solid #888;
+    padding: 3px 6px;
+    background: #eeeeee url(<%= asset_path 'notjustagrid/misc/transoverlay-matte.png' %>) repeat-x;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    text-transform: uppercase;
+    letter-spacing: 2px; }
+  label {
+    float: left;
+    margin: 0 5px 0 0;
+    width: 100px;
+    text-align: right; }
+  ul {
+    margin: 0;
+    padding: 0; }
+  li {
+    list-style: none;
+    vertical-align: middle;
+    margin: 10px 0;
+    clear: left; }
+  div.form_input_notes {
+    font-size: 12px;
+    display: inline; } }
+
+/* ---------------------------------------------------------------------------- */
+/* Input field styling -------------------------------------------------------- */
+/* ---------------------------------------------------------------------------- */
+
+.normalfield, .requiredfield {
+  border: 1px solid #ccc;
+  border-top: 1px solid #444;
+  border-left: 1px solid #444;
+  font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
+  letter-spacing: 1px;
+  padding: 3px 2px 3px 2px; }
+
+.normalfield {
+  background: white url(<%= asset_path 'notjustagrid/misc/formgreyback.gif' %>) repeat-x; }
+
+.requiredfield {
+  background: #fafad8 url(<%= asset_path 'notjustagrid/misc/formyellowback.gif' %>) repeat-x top right; }
+
+.fielderror {
+  border: 1px solid #ff4444;
+  background: #fee9eb url(<%= asset_path 'notjustagrid/misc/formredback.gif' %>) repeat-x top right; }
+
+.fieldgood {
+  background: #e0ffc7 url(<%= asset_path 'notjustagrid/misc/formgreenback.gif' %>) repeat-x; }
+
+.requiredfield:focus, .fielderror:focus, .normalfield:forus {
+  border: 1px solid #444444;
+  -webkit-box-shadow: 0 0 7px rgba(0, 144, 255, 0.7);
+  -moz-box-shadow: 0 0 7px rgba(0, 144, 255, 0.7);
+  box-shadow: 0 0 7px rgba(0, 144, 255, 0.7); }
+
+.requiredfield:focus {
+  background: #fafad8 url(<%= asset_path 'notjustagrid/misc/formyellowback.gif' %>) repeat-x top right; }
+
+.normalfield:focus {
+  background: #e0ffc7 url(<%= asset_path 'notjustagrid/misc/formgreenback.gif' %>) repeat-x; }
+
+.fielderror:focus {
+  border: 1px solid #ff4444;
+  background: #fee9eb url(<%= asset_path 'notjustagrid/misc/formredback.gif' %>) repeat-x top right; }
+
+.smallfield {
+  font: 10px;
+  padding: 2px 1px 2px 1px; }
+
+.largefield {
+  font: 16px; }
+
+/* ---------------------------------------------------------------------------- */
+/* Styled Buttons ------------------------------------------------------------- */
+/* ---------------------------------------------------------------------------- */
+
+.styled_button {
+  background: #222222 url(<%= asset_path 'notjustagrid/misc/transoverlay-matte.png' %>) repeat-x;
+  font: bold 12px "Trebuchet MS", Arial, Helvetica,sans-serif;
+  text-transform: uppercase;
+  text-decoration: none;
+  line-height: 30px;
+  letter-spacing: 1px;
+  color: #fff;
+  padding: 0 10px 0 10px;
+  margin: 0 3px;
+  height: 30px;
+  border: 1px solid rgba(0, 0, 0, 0.4);
+  border-top: 1px solid rgba(255, 255, 255, 0.4);
+  border-left: 1px solid rgba(255, 255, 255, 0.4);
+  border-radius: 15px;
+  -moz-border-radius: 15px;
+  -webkit-border-radius: 15px;
+  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
+  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
+  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
+  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
+  position: relative;
+  cursor: pointer;
+  &:visited {
+    background: #222222 url(<%= asset_path 'notjustagrid/misc/transoverlay-matte.png' %>) repeat-x;
+    font: bold 12px "Trebuchet MS", Arial, Helvetica,sans-serif;
+    text-transform: uppercase;
+    text-decoration: none;
+    line-height: 30px;
+    letter-spacing: 1px;
+    color: #fff;
+    padding: 0 10px 0 10px;
+    margin: 0 3px;
+    height: 30px;
+    border: 1px solid rgba(0, 0, 0, 0.4);
+    border-top: 1px solid rgba(255, 255, 255, 0.4);
+    border-left: 1px solid rgba(255, 255, 255, 0.4);
+    border-radius: 15px;
+    -moz-border-radius: 15px;
+    -webkit-border-radius: 15px;
+    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
+    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
+    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.7);
+    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
+    position: relative;
+    cursor: pointer; } }
+
+a.styled_button {
+  color: #fff;
+  height: 30px;
+  line-height: 30px;
+  padding: 5px 10px;
+  &:visited {
+    color: #fff;
+    height: 30px;
+    line-height: 30px;
+    padding: 5px 10px; }
+  &:hover, &:active {
+    color: #fff;
+    white-space: nowrap; } }
+
+.cancel_button.styled_button:after, .confirm_button.styled_button:after, .question_button.styled_button:after, .delete_button.styled_button:after, .edit_button.styled_button:after, .view_button.styled_button:after {
+  position: absolute;
+  padding-top: 7px;
+  right: 5px; }
+
+.cancel_button.styled_button, .confirm_button.styled_button, .question_button.styled_button, .delete_button.styled_button, .edit_button.styled_button, .view_button.styled_button {
+  padding-right: 25px; }
+
+.cancel_button.styled_button:after {
+  content: url(<%= asset_path 'notjustagrid/icons/icon-cancel.png' %>); }
+
+.confirm_button.styled_button:after {
+  content: url(<%= asset_path 'notjustagrid/icons/icon-success.png' %>); }
+
+.question_button.styled_button:after {
+  content: url(<%= asset_path 'notjustagrid/icons/icon-question.png' %>); }
+
+.delete_button.styled_button:after {
+  content: url(<%= asset_path 'notjustagrid/icons/icon-delete.png' %>); }
+
+.edit_button.styled_button:after {
+  content: url(<%= asset_path 'notjustagrid/icons/icon-edit.png' %>); }
+
+.view_button.styled_button:after {
+  content: url(<%= asset_path 'notjustagrid/icons/icon-view.png' %>); }
+
+.green.styled_button {
+  background-color: #afc243; }
+
+.red.styled_button {
+  background-color: #e33100; }
+
+.blue.styled_button {
+  background-color: #6c93b3; }
+
+.grey.styled_button {
+  background-color: #ddd;
+  color: #666;
+  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
+  &:visited {
+    background-color: #ddd;
+    color: #666;
+    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8); } }
+
+.green.styled_button:hover {
+  background-color: #98a83a; }
+
+.red.styled_button:hover {
+  background-color: #bf2900; }
+
+.blue.styled_button:hover {
+  background-color: #5c7d98; }
+
+.grey.styled_button:hover {
+  background-color: #ccc;
+  color: #666;
+  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8); }
+
+@-moz-document url-prefix() {
+  button {
+    &.delete_button.styled_button:after, &.question_button.styled_button:after, &.confirm_button.styled_button:after, &.cancel_button.styled_button:after, &.edit_button.styled_button:after, &.view_button.styled_button:after {
+      padding-top: 1px;
+      right: 15px; } } }

data/vendor/assets/stylesheets/grid1200.scss

@@ -0,0 +1,54 @@
+/* Not Just a Grid v1.1 - June 2011 - (c) 2011 Al Redpath / Outrageous Creations! Licenced under an MIT Licence*/
+
+#container {
+  width: 1200px;
+  position: relative;
+  margin: auto; }
+
+.full, .half, .threequarter, .quarter, .third, .twothird, .fifth, .twofifth, .threefifth, .fourfifth, .sixth, .fivesixth {
+  float: left;
+  display: inline;
+  margin: 0 10px 0 10px;
+  padding: 0; }
+
+.full {
+  width: 1180px; }
+
+.half {
+  width: 580px; }
+
+.threequarter {
+  width: 880px; }
+
+.quarter {
+  width: 280px; }
+
+.third {
+  width: 380px; }
+
+.twothird {
+  width: 780px; }
+
+.fifth {
+  width: 220px; }
+
+.twofifth {
+  width: 460px; }
+
+.threefifth {
+  width: 700px; }
+
+.fourfifth {
+  width: 940px; }
+
+.sixth {
+  width: 180px; }
+
+.fivesixth {
+  width: 980px; }
+
+.first {
+  margin-left: 0; }
+
+.last {
+  margin-right: 0; }