mabtie 0.0.4.beta1 → 0.0.4.beta2

data/README.md

@@ -16,7 +16,7 @@ Mabtie is recommended to be run as a gem and included in your Gemfile:
 
 After you've bundled, run the installer:
 
-    rake flutie:install
+    rake mabtie:install
 
 The installer will copy the mabtie stylesheets into **assets/stylesheets**
 
@@ -24,7 +24,7 @@ Once Mabtie is installed, with your application running (not in production envir
 
 Click on the "Default styles" link to view the same markup with a barebones layout that only contains the Mabtie stylesheets. Click on "Application styles" to view the markup in your application layout.
 
-To upgrade, bump the gem version in your Gemfile, and then run 'rake flutie:install' again to get the latest changes moved into your application.
+To upgrade, bump the gem version in your Gemfile, and then run 'rake mabtie:install' again to get the latest changes moved into your application.
 
 Usage
 -----
@@ -37,7 +37,7 @@ bc. <%= stylesheet_link_tag :flutie, 'admin', :cache => true %>
 
 ### Sass
 
-If you use Sass in your application, the flutie stylesheets are also available as scss files, installed in public/flutie/sass.  This location is automatically added to your Sass template load path.  These files can be imported into your own sass files for use with the following:
+If you use Sass, Rails 3.1 does by default, in your application, the flutie stylesheets are also available as scss files, installed in public/flutie/sass.  This location is automatically added to your Sass template load path.  These files can be imported into your own sass files for use with the following:
 
     @import "flutie";
 
@@ -65,6 +65,16 @@ styleguides directory. For example:
       <a href="#prev">Previous</a>
       <a href="#next">Next</a>
     </div>
+### Using Grid System
+
+Using the Grid System
+-----------------------
+To start using the grid system do:
+
+  <div class="container_12">
+  </div>
+
+If you like more info on using the system please [see this set of sildes](http://www.slideshare.net/nathansmith/refresh-okc).
 
 Suggestions, Bugs, Refactoring?
 -------------------------------
@@ -92,6 +102,8 @@ The names and logos for thoughtbot are trademarks of thoughtbot, inc.
 
 The form styleing is from [formalize](http://formalize.me/) 
 
+The Grid System is from [960 Grid System](http://960.gs)
+
 License
 -------
 

data/app/assets/stylesheets/flutie.css

@@ -685,3 +685,254 @@ li {
 
 ol ol, ol ul, ul ul, ul ol {
   margin-left: 1em; }
+
+/*
+	Variable Grid System (Fluid Version).
+	Learn more ~ http://www.spry-soft.com/grids/
+	Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/
+
+	Licensed under GPL and MIT.
+*/
+/* Containers
+----------------------------------------------------------------------------------------------------*/
+.container_12 {
+  width: 92%;
+  margin-left: 4%;
+  margin-right: 4%; }
+
+/* Grid >> Global
+----------------------------------------------------------------------------------------------------*/
+.grid_1,
+.grid_2,
+.grid_3,
+.grid_4,
+.grid_5,
+.grid_6,
+.grid_7,
+.grid_8,
+.grid_9,
+.grid_10,
+.grid_11,
+.grid_12 {
+  display: inline;
+  float: left;
+  position: relative;
+  margin-left: 1%;
+  margin-right: 1%; }
+
+/* Grid >> Children (Alpha ~ First, Omega ~ Last)
+----------------------------------------------------------------------------------------------------*/
+.alpha {
+  margin-left: 0; }
+
+.omega {
+  margin-right: 0; }
+
+/* Grid >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+.container_12 .grid_1 {
+  width: 6.333%; }
+
+.container_12 .grid_2 {
+  width: 14.667%; }
+
+.container_12 .grid_3 {
+  width: 23.0%; }
+
+.container_12 .grid_4 {
+  width: 31.333%; }
+
+.container_12 .grid_5 {
+  width: 39.667%; }
+
+.container_12 .grid_6 {
+  width: 48.0%; }
+
+.container_12 .grid_7 {
+  width: 56.333%; }
+
+.container_12 .grid_8 {
+  width: 64.667%; }
+
+.container_12 .grid_9 {
+  width: 73.0%; }
+
+.container_12 .grid_10 {
+  width: 81.333%; }
+
+.container_12 .grid_11 {
+  width: 89.667%; }
+
+.container_12 .grid_12 {
+  width: 98.0%; }
+
+/* Prefix Extra Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+.container_12 .prefix_1 {
+  padding-left: 8.333%; }
+
+.container_12 .prefix_2 {
+  padding-left: 16.667%; }
+
+.container_12 .prefix_3 {
+  padding-left: 25.0%; }
+
+.container_12 .prefix_4 {
+  padding-left: 33.333%; }
+
+.container_12 .prefix_5 {
+  padding-left: 41.667%; }
+
+.container_12 .prefix_6 {
+  padding-left: 50.0%; }
+
+.container_12 .prefix_7 {
+  padding-left: 58.333%; }
+
+.container_12 .prefix_8 {
+  padding-left: 66.667%; }
+
+.container_12 .prefix_9 {
+  padding-left: 75.0%; }
+
+.container_12 .prefix_10 {
+  padding-left: 83.333%; }
+
+.container_12 .prefix_11 {
+  padding-left: 91.667%; }
+
+/* Suffix Extra Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+.container_12 .suffix_1 {
+  padding-right: 8.333%; }
+
+.container_12 .suffix_2 {
+  padding-right: 16.667%; }
+
+.container_12 .suffix_3 {
+  padding-right: 25.0%; }
+
+.container_12 .suffix_4 {
+  padding-right: 33.333%; }
+
+.container_12 .suffix_5 {
+  padding-right: 41.667%; }
+
+.container_12 .suffix_6 {
+  padding-right: 50.0%; }
+
+.container_12 .suffix_7 {
+  padding-right: 58.333%; }
+
+.container_12 .suffix_8 {
+  padding-right: 66.667%; }
+
+.container_12 .suffix_9 {
+  padding-right: 75.0%; }
+
+.container_12 .suffix_10 {
+  padding-right: 83.333%; }
+
+.container_12 .suffix_11 {
+  padding-right: 91.667%; }
+
+/* Push Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+.container_12 .push_1 {
+  left: 8.333%; }
+
+.container_12 .push_2 {
+  left: 16.667%; }
+
+.container_12 .push_3 {
+  left: 25.0%; }
+
+.container_12 .push_4 {
+  left: 33.333%; }
+
+.container_12 .push_5 {
+  left: 41.667%; }
+
+.container_12 .push_6 {
+  left: 50.0%; }
+
+.container_12 .push_7 {
+  left: 58.333%; }
+
+.container_12 .push_8 {
+  left: 66.667%; }
+
+.container_12 .push_9 {
+  left: 75.0%; }
+
+.container_12 .push_10 {
+  left: 83.333%; }
+
+.container_12 .push_11 {
+  left: 91.667%; }
+
+/* Pull Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+.container_12 .pull_1 {
+  left: -8.333%; }
+
+.container_12 .pull_2 {
+  left: -16.667%; }
+
+.container_12 .pull_3 {
+  left: -25%; }
+
+.container_12 .pull_4 {
+  left: -33.333%; }
+
+.container_12 .pull_5 {
+  left: -41.667%; }
+
+.container_12 .pull_6 {
+  left: -50%; }
+
+.container_12 .pull_7 {
+  left: -58.333%; }
+
+.container_12 .pull_8 {
+  left: -66.667%; }
+
+.container_12 .pull_9 {
+  left: -75%; }
+
+.container_12 .pull_10 {
+  left: -83.333%; }
+
+.container_12 .pull_11 {
+  left: -91.667%; }
+
+/* Clear Floated Elements
+----------------------------------------------------------------------------------------------------*/
+/* http://sonspring.com/journal/clearing-floats */
+.clear {
+  clear: both;
+  display: block;
+  overflow: hidden;
+  visibility: hidden;
+  width: 0;
+  height: 0; }
+
+/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
+.clearfix:after {
+  clear: both;
+  content: ' ';
+  display: block;
+  font-size: 0;
+  line-height: 0;
+  visibility: hidden;
+  width: 0;
+  height: 0; }
+
+.clearfix {
+  display: inline-block; }
+
+* html .clearfix {
+  height: 1%; }
+
+.clearfix {
+  display: block; }

data/app/assets/stylesheets/sass/_grid.scss

@@ -0,0 +1,343 @@
+/*
+	Variable Grid System (Fluid Version).
+	Learn more ~ http://www.spry-soft.com/grids/
+	Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/
+
+	Licensed under GPL and MIT.
+*/
+
+
+/* Containers
+----------------------------------------------------------------------------------------------------*/
+.container_12 {
+	width: 92%;
+	margin-left: 4%;
+	margin-right: 4%;
+}
+
+/* Grid >> Global
+----------------------------------------------------------------------------------------------------*/
+
+.grid_1,
+.grid_2,
+.grid_3,
+.grid_4,
+.grid_5,
+.grid_6,
+.grid_7,
+.grid_8,
+.grid_9,
+.grid_10,
+.grid_11,
+.grid_12 {
+	display:inline;
+	float: left;
+	position: relative;
+	margin-left: 1%;
+	margin-right: 1%;
+}
+
+/* Grid >> Children (Alpha ~ First, Omega ~ Last)
+----------------------------------------------------------------------------------------------------*/
+
+.alpha {
+	margin-left: 0;
+}
+
+.omega {
+	margin-right: 0;
+}
+
+/* Grid >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+
+.container_12 .grid_1 {
+	width:6.333%;
+}
+
+.container_12 .grid_2 {
+	width:14.667%;
+}
+
+.container_12 .grid_3 {
+	width:23.0%;
+}
+
+.container_12 .grid_4 {
+	width:31.333%;
+}
+
+.container_12 .grid_5 {
+	width:39.667%;
+}
+
+.container_12 .grid_6 {
+	width:48.0%;
+}
+
+.container_12 .grid_7 {
+	width:56.333%;
+}
+
+.container_12 .grid_8 {
+	width:64.667%;
+}
+
+.container_12 .grid_9 {
+	width:73.0%;
+}
+
+.container_12 .grid_10 {
+	width:81.333%;
+}
+
+.container_12 .grid_11 {
+	width:89.667%;
+}
+
+.container_12 .grid_12 {
+	width:98.0%;
+}
+
+
+
+/* Prefix Extra Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+
+.container_12 .prefix_1 {
+	padding-left:8.333%;
+}
+
+.container_12 .prefix_2 {
+	padding-left:16.667%;
+}
+
+.container_12 .prefix_3 {
+	padding-left:25.0%;
+}
+
+.container_12 .prefix_4 {
+	padding-left:33.333%;
+}
+
+.container_12 .prefix_5 {
+	padding-left:41.667%;
+}
+
+.container_12 .prefix_6 {
+	padding-left:50.0%;
+}
+
+.container_12 .prefix_7 {
+	padding-left:58.333%;
+}
+
+.container_12 .prefix_8 {
+	padding-left:66.667%;
+}
+
+.container_12 .prefix_9 {
+	padding-left:75.0%;
+}
+
+.container_12 .prefix_10 {
+	padding-left:83.333%;
+}
+
+.container_12 .prefix_11 {
+	padding-left:91.667%;
+}
+
+
+
+/* Suffix Extra Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+
+.container_12 .suffix_1 {
+	padding-right:8.333%;
+}
+
+.container_12 .suffix_2 {
+	padding-right:16.667%;
+}
+
+.container_12 .suffix_3 {
+	padding-right:25.0%;
+}
+
+.container_12 .suffix_4 {
+	padding-right:33.333%;
+}
+
+.container_12 .suffix_5 {
+	padding-right:41.667%;
+}
+
+.container_12 .suffix_6 {
+	padding-right:50.0%;
+}
+
+.container_12 .suffix_7 {
+	padding-right:58.333%;
+}
+
+.container_12 .suffix_8 {
+	padding-right:66.667%;
+}
+
+.container_12 .suffix_9 {
+	padding-right:75.0%;
+}
+
+.container_12 .suffix_10 {
+	padding-right:83.333%;
+}
+
+.container_12 .suffix_11 {
+	padding-right:91.667%;
+}
+
+
+
+/* Push Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+
+.container_12 .push_1 {
+	left:8.333%;
+}
+
+.container_12 .push_2 {
+	left:16.667%;
+}
+
+.container_12 .push_3 {
+	left:25.0%;
+}
+
+.container_12 .push_4 {
+	left:33.333%;
+}
+
+.container_12 .push_5 {
+	left:41.667%;
+}
+
+.container_12 .push_6 {
+	left:50.0%;
+}
+
+.container_12 .push_7 {
+	left:58.333%;
+}
+
+.container_12 .push_8 {
+	left:66.667%;
+}
+
+.container_12 .push_9 {
+	left:75.0%;
+}
+
+.container_12 .push_10 {
+	left:83.333%;
+}
+
+.container_12 .push_11 {
+	left:91.667%;
+}
+
+
+
+/* Pull Space >> 12 Columns
+----------------------------------------------------------------------------------------------------*/
+
+
+.container_12 .pull_1 {
+	left:-8.333%;
+}
+
+.container_12 .pull_2 {
+	left:-16.667%;
+}
+
+.container_12 .pull_3 {
+	left:-25.0%;
+}
+
+.container_12 .pull_4 {
+	left:-33.333%;
+}
+
+.container_12 .pull_5 {
+	left:-41.667%;
+}
+
+.container_12 .pull_6 {
+	left:-50.0%;
+}
+
+.container_12 .pull_7 {
+	left:-58.333%;
+}
+
+.container_12 .pull_8 {
+	left:-66.667%;
+}
+
+.container_12 .pull_9 {
+	left:-75.0%;
+}
+
+.container_12 .pull_10 {
+	left:-83.333%;
+}
+
+.container_12 .pull_11 {
+	left:-91.667%;
+}
+
+
+
+
+/* Clear Floated Elements
+----------------------------------------------------------------------------------------------------*/
+
+/* http://sonspring.com/journal/clearing-floats */
+
+.clear {
+	clear: both;
+	display: block;
+	overflow: hidden;
+	visibility: hidden;
+	width: 0;
+	height: 0;
+}
+
+/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
+
+.clearfix:after {
+	clear: both;
+	content: ' ';
+	display: block;
+	font-size: 0;
+	line-height: 0;
+	visibility: hidden;
+	width: 0;
+	height: 0;
+}
+
+.clearfix {
+	display: inline-block;
+}
+
+* html .clearfix {
+	height: 1%;
+}
+
+.clearfix {
+	display: block;
+}

data/app/assets/stylesheets/sass/flutie.scss

@@ -4,4 +4,5 @@
 @import 'forms';
 @import 'tables';
 @import 'lists';
-@import 'screen';
+@import 'screen';
+@import 'grid';

data/lib/{flutie → mabtie}/engine.rb

@@ -1,4 +1,4 @@
-module Flutie
+module Mabtie
 
   class Engine < Rails::Engine
   end

data/lib/tasks/{flutie.rake → mabtie.rake}

@@ -8,7 +8,7 @@ end
 
 directory = File.dirname(__FILE__)
 
-namespace :flutie do
+namespace :mabtie do
   desc 'install mabtie stylesheets into app/assets directory'
   task :install => :environment do
     # Copy the flutie stylesheets into rails_root/app/assets/mabtie

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification 
 name: mabtie
 version: !ruby/object:Gem::Version 
-  hash: 62196353
+  hash: 62196359
   prerelease: 6
   segments: 
   - 0
   - 0
   - 4
   - beta
-  - 1
-  version: 0.0.4.beta1
+  - 2
+  version: 0.0.4.beta2
 platform: ruby
 authors: 
 - Chad Pytel
@@ -18,11 +18,12 @@ authors:
 - Mike Burns
 - Fred Yates
 - Matthew Burket
+- Nathan Smith
 autorequire: 
 bindir: bin
 cert_chain: []
 
-date: 2011-05-25 00:00:00 -05:00
+date: 2011-05-26 00:00:00 -05:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency 
@@ -39,6 +40,20 @@ dependencies:
         version: "0"
   type: :development
   version_requirements: *id001
+- !ruby/object:Gem::Dependency 
+  name: shoulda
+  prerelease: false
+  requirement: &id002 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        hash: 3
+        segments: 
+        - 0
+        version: "0"
+  type: :development
+  version_requirements: *id002
 description: Mabtie is a CSS framework, or a melting pot of them, to create great style defults.
 email: support@assignitapp.com
 executables: []
@@ -56,6 +71,7 @@ files:
 - app/assets/stylesheets/sass/_reset.scss
 - app/assets/stylesheets/sass/_type.scss
 - app/assets/stylesheets/sass/_tables.scss
+- app/assets/stylesheets/sass/_grid.scss
 - app/assets/stylesheets/sass/_screen.scss
 - app/assets/stylesheets/sass/_lists.scss
 - app/assets/stylesheets/sass/_defaults.scss
@@ -64,12 +80,14 @@ files:
 - app/assets/stylesheets/flutie.css
 - app/assets/images/select_arrow.gif
 - app/assets/images/button.png
+- app/assets/images/images/select_arrow.gif
+- app/assets/images/images/button.png
 - config/initializers/expansion.rb
 - config/initializers/sass.rb
 - config/routes.rb
+- lib/mabtie/engine.rb
 - lib/flutie.rb
-- lib/tasks/flutie.rake
-- lib/flutie/engine.rb
+- lib/tasks/mabtie.rake
 has_rdoc: true
 homepage: http://github.com/mab879/mabtie
 licenses: []