waffleiron 0.1.2 → 0.2.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: c0b5a4b74ca655beb24689df2972c7e6a3fdc1dd
+  data.tar.gz: aadac013586cbe81562c82b4e14c393954260579
+SHA512:
+  metadata.gz: 087ed6f9fa57d8bf008e3c7f831218e57d20a8f99541f06ccd85fd1a920f222d9e35f93d9a2174a1ad53aae6bcaeccaf8b07f541e6a8a1691c6c216dee8e3fd8
+  data.tar.gz: bbce9443471f6beebf22747bcd65c30bf063ab7d22d845873cdb2025605acf94c7e88f9143d9ce79982b0350c14189fc5111ea973369a6526304e42681d26296

data/README.md

@@ -0,0 +1,129 @@
+# Waffleiron
+Because waffles are delicious.
+
+===========
+
+## Installation
+
+Do you take your waffles on Rails? Then use the latest stable release of
+Rails with waffle iron.
+
+    gem install waffleiron
+
+## Use
+
+
+Add this to the top of your application.css.scss file:
+
+
+    // waffleiron config - set these to match your grid
+    $wi-width: 940px;
+    $wi-cols: 12;
+    $wi-gutter: 20px;
+    $wi-stacked-width: 90%;
+    $wi-stacked-breakpoint: 499px;
+    // if you want IE7 support via HTML/body tag conditionals add the line below
+    $wi-ie7: true;
+    // if you want to turn off the responsiveness of Waffleiron set this to false
+    $wi-responsive: true;
+
+    @import 'waffleiron';
+
+
+
+This will give you a row and elements that are 3 cols wide:
+
+    .element-wrapping-cols {
+      @include row();
+    }
+    .element-you-want-to-be-3-cols-wide {
+      @include col(3);
+    }
+
+
+A real world example of this would be:
+
+SCSS:
+
+    section {
+      @include row();
+      outline: 2px solid red;
+      .panel {
+        @include col(4);
+        outline: 2px solid blue;
+      }
+    }
+HTML:
+
+    <section>
+      <div class="panel">
+        <h2>About Waffleiron</h2>
+        <p>Waffleiron is amazeballs, 0_o lol omg!!!11 one.</p>
+      </div>
+      <div class="panel">
+        <h2>Download Waffleiron</h2>
+        <p>Click the download Waffleiron button hidden somewhere on this page.</p>
+      </div>
+      <div class="panel">
+        <h2>Help Waffleiron</h2>
+        <p>If you have an awesome idea for Waffleiron, git on github and do some stuff.</p>
+      </div>
+    </section>
+
+Which would give you something like this:
+
+![demo](https://github.com/ajaswa/waffleiron/raw/master/demo/demo.png)
+
+### Other options
+With the col() include you can specify two other parameters. After the number of columns you want to can add prepend and append numbers.
+
+    @include col(2, 1, 4);
+
+This will give you an element two columns wide, prepended by one column and appended by 4 columns.
+
+## What is Waffleiron?
+Waffleiron is a "semantic" non-intrusive grid system powered by SASS/SCSS. No floats, no extra classes and no non-sense. It just works.
+
+
+### What? No floats?
+Inline block is your new friend, friend. No floats mean that you don't have to clear them.
+### No extra classes
+Pssh! No .col-06? No .fivecol? That's unpossible!
+The trick here is to use semantic markup and CSS for all you elements.
+
+### Responsive by nature
+Built into Waffleiron are some handy helpers to get your site all responsive. At a given point it will drop to a fluid layout and then down to a mobile layout. Turn them off if you would like.
+
+### Drop in grid
+Drop Waffleiron in where you need a grid. Leave it out where it doesn't make sense. Write your CSS as fast as you can.
+
+## Why should I use it?
+Cause it's awesome and fast. If you don't want to use it half way through a project you can easily pull it out and write your own CSS without needing to rewrite your markup or change your CSS.
+
+## Support
+Waffleiron works without any hacks in Safari, Chrome, Firefox and IE8+. If you use html tag conditionals IE7 support is built in, otherwise you'll have to tweek some things by adding the following to your config block:
+
+    $wi-ie7: true;
+
+## Ok I'm convinced
+1. Use SASS/SCSS
+2. Download the grid file
+3. Write your markup semantically
+4. Add the Waffle mixins to your scss
+5. Enjoy a flexible grid that you can drop in where you want.
+
+
+## Issues
+1. You must minify your HTML ( Since we use inline-block )
+
+Wafflecoptor:
+
+    wafflewafflewafflewaffle
+           waffle                       waffle
+        wafflewaffle                  waffle
+      wafflewafflewafflewafflewafflewaffle
+     wafflewafflewaffle
+     wafflewafflewaffle
+       wafflewaffle
+      waf     fle
+    waffle     waffle

data/app/assets/stylesheets/_waffleiron.scss

@@ -10,6 +10,7 @@ $wi-stacked-width: 90% !default;
 $wi-stacked-breakpoint: 499px !default;
 
 $wi-ie7: false !default;
+$wi-responsive: true !default;
 
 $wi-fluid-start: #{$wi-width - 1};
 $wi-fluid-end: #{$wi-stacked-breakpoint + 1};
@@ -51,12 +52,20 @@ $wi-col-width: $wi-width / $wi-cols;
     width: $large-width;
   }
 }
+
+test-for-margins {
+  expect: to-equel(margin-math(1), $var);
+}
+
+@function margin-math($n) {
+  @return ($wi-col-width * $n) + ($wi-gutter/2);
+}
 // prepend and append do the same math but they are dependent on a number being passed in.
 @mixin prepend($n: 1) {
-  margin-left: ($wi-col-width * $n) + ($wi-gutter/2);
+  margin-left: margin-math($n);
 }
 @mixin append($n: 1) {
-  margin-right: ($wi-col-width * $n) + ($wi-gutter/2);
+  margin-right: margin-math($n);
 }
 @mixin width($n: 1) {
   width: ($n * $wi-col-width) - $wi-gutter;
@@ -65,7 +74,9 @@ $wi-col-width: $wi-width / $wi-cols;
   width: $wi-width;
   margin-left: auto;
   margin-right: auto;
-  @include responsive-row();
+  @if $wi-responsive {
+    @include responsive-row();
+  }
 }
 @mixin col($col: 1, $offset: 0, $append: 0 ) {
   // $col = width in cols
@@ -91,5 +102,7 @@ $wi-col-width: $wi-width / $wi-cols;
   @else {
     margin-right: $wi-gutter/2;
   }
-  @include responsive-col($col, $offset, $append);
+  @if $wi-responsive {
+    @include responsive-col($col, $offset, $append);
+  }
 }

data/lib/waffleiron/engine.rb

@@ -0,0 +1,5 @@
+require 'sass'
+
+module Waffleiron
+  Sass.load_paths << File.expand_path('../../app/assets/stylesheets/', __FILE__)
+end

data/lib/waffleiron/version.rb

@@ -0,0 +1,3 @@
+module Waffleiron 
+  VERSION = '0.2.1'
+end

data/lib/waffleiron.rb

@@ -0,0 +1 @@
+require 'waffleiron/engine'

metadata

@@ -1,102 +1,78 @@
---- !ruby/object:Gem::Specification 
+--- !ruby/object:Gem::Specification
 name: waffleiron
-version: !ruby/object:Gem::Version 
-  prerelease: false
-  segments: 
-  - 0
-  - 1
-  - 2
-  version: 0.1.2
+version: !ruby/object:Gem::Version
+  version: 0.2.1
 platform: ruby
-authors: 
+authors:
 - Andrew Jaswa
 autorequire: 
 bindir: bin
 cert_chain: []
-
-date: 2012-09-24 00:00:00 -06:00
-default_executable: 
-dependencies: 
-- !ruby/object:Gem::Dependency 
-  name: rails
-  prerelease: false
-  requirement: &id001 !ruby/object:Gem::Requirement 
-    requirements: 
-    - - ">"
-      - !ruby/object:Gem::Version 
-        segments: 
-        - 3
-        - 1
-        - 0
-        version: 3.1.0
-  type: :runtime
-  version_requirements: *id001
-- !ruby/object:Gem::Dependency 
+date: 2013-12-04 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
   name: sass
-  prerelease: false
-  requirement: &id002 !ruby/object:Gem::Requirement 
-    requirements: 
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
     - - ~>
-      - !ruby/object:Gem::Version 
-        segments: 
-        - 3
-        - 2
-        - 0
-        version: 3.2.0
+      - !ruby/object:Gem::Version
+        version: '3.2'
   type: :runtime
-  version_requirements: *id002
-- !ruby/object:Gem::Dependency 
-  name: rake
   prerelease: false
-  requirement: &id003 !ruby/object:Gem::Requirement 
-    requirements: 
-    - - ">="
-      - !ruby/object:Gem::Version 
-        segments: 
-        - 0
-        version: "0"
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '3.2'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
   type: :development
-  version_requirements: *id003
-description: ""
-email: 
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: '"Waffleiron is a "semantic" non-intrusive grid system powered by SASS/SCSS.
+  No floats, no extra classes and no non-sense. It just works."'
+email:
 - ajaswa@gmail.com
 executables: []
-
 extensions: []
-
-extra_rdoc_files: []
-
-files: 
+extra_rdoc_files:
+- README.md
+files:
 - app/assets/stylesheets/_waffleiron.scss
-has_rdoc: true
-homepage: ""
+- lib/waffleiron/version.rb
+- lib/waffleiron/engine.rb
+- lib/waffleiron.rb
+- README.md
+homepage: http://github.com/ajaswa/waffleiron
 licenses: []
-
+metadata: {}
 post_install_message: 
 rdoc_options: []
-
-require_paths: 
+require_paths:
 - lib
-required_ruby_version: !ruby/object:Gem::Requirement 
-  requirements: 
-  - - ">="
-    - !ruby/object:Gem::Version 
-      segments: 
-      - 0
-      version: "0"
-required_rubygems_version: !ruby/object:Gem::Requirement 
-  requirements: 
-  - - ">="
-    - !ruby/object:Gem::Version 
-      segments: 
-      - 0
-      version: "0"
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
 requirements: []
-
-rubyforge_project: 
-rubygems_version: 1.3.6
+rubyforge_project: nowarning
+rubygems_version: 2.0.6
 signing_key: 
-specification_version: 3
-summary: ""
+specification_version: 4
+summary: '"Waffleiron is a flexable/responsive non-invasive SCSS grid system."'
 test_files: []
-