patterns 0.0.1 → 0.1.0

data/README.md

@@ -18,7 +18,7 @@ And in your .scss file:
 ### Other
 Otherwise, clone the repo and copy app/assets/stylesheets where your SASS assets should be. And in your .scss file:
 
-    @import 'some/relative/directories/patterns';
+    @import 'some-relative-directories/patterns';
 
 ## Use
 See http://patterns-examples.herokuapp.com for functions and variables.
@@ -27,7 +27,7 @@ See http://patterns-examples.herokuapp.com for functions and variables.
 Tested on Chrome 23, Firefox 16 and IE8.
 
 ## Credits
-Extracted out of [hockeystick](https://www.hockeystick.co/). Thanks to [Scalability Inc.](http://www.scalability.ca/) for giving me permission to open source this.
+Extracted out of [Hockeystick](https://www.hockeystick.co/). Thanks to [Scalability Inc.](http://www.scalability.ca/) for giving me permission to open source this.
 
 Code inspired by the css class based version in [Placemarklist](https://www.placemarklist.com) and copied gem scaffold from [bourbon](https://github.com/thoughtbot/bourbon). 
 

data/app/assets/stylesheets/_patterns.scss

@@ -1,10 +1,12 @@
-@import 'helpers/clearfix';
-
 @import 'alignment/center';
 @import 'alignment/float';
 @import 'alignment/lines';
 @import 'alignment/overflow';
 @import 'alignment/spacing';
 
+@import 'helpers/clearfix';
+
+@import 'layout/image_background';
+
 @import 'widgets/clean_list';
 @import 'widgets/scroll';

data/app/assets/stylesheets/alignment/_lines.scss

@@ -1,3 +1,5 @@
+$line_color: #DDD;
+
 @mixin vertical_line_container($line_color: $line_color) {
   & > :first-child { border-left: none; }
   & > * { border-left: 1px solid $line_color; }

data/app/assets/stylesheets/alignment/_spacing.scss

@@ -1,3 +1,7 @@
+@import 'float';
+
+$unit_base: 5px;
+
 @function unit_multiplier($n, $base: $unit_base) {
   @if unitless($n) {
     @return $n * $base;
@@ -9,27 +13,32 @@
 
 @mixin horizontally_spaced($n: 1) {
   &:first-child { margin-left: 0; }
-  & { margin-left: unit_multiplier($n); }
+  & {
+    float: left;
+    margin-left: unit_multiplier($n);
+  }
 }
 @mixin vertically_spaced($n: 1) {
   &:first-child { margin-top: 0; }
   & { margin-top: unit_multiplier($n);  }
 }
 
-@mixin horizontal_spacer_container($n: 1, $bordered: false) {
-  @if $bordered {
+@mixin horizontal_spacer_container($n: 1, $borders: false) {
+  @include float_left_container;
+
+  @if $borders {
     & > :first-child { margin-left: 0; padding-left: 0; }
-    & > * { margin-left: unit_multiplier($n, 2.5px); padding-left: unit_multiplier($n, 2.5px); }
+    & > * { margin-left: unit_multiplier($n, $unit_base/2); padding-left: unit_multiplier($n, $unit_base/2); }
   }
   @else {
     & > :first-child { margin-left: 0; }
     & > * { margin-left: unit_multiplier($n); }
   }
 }
-@mixin vertical_spacer_container($n: 1, $bordered: false) {
-  @if $bordered {
+@mixin vertical_spacer_container($n: 1, $borders: false) {
+  @if $borders {
     & > :first-child { margin-top: 0; padding-top: 0; }
-    & > * { margin-top: unit_multiplier($n, 2.5px); padding-top: unit_multiplier($n, 2.5px); }
+    & > * { margin-top: unit_multiplier($n, $unit_base/2); padding-top: unit_multiplier($n, $unit_base/2); }
   }
   @else {
     & > *:first-child { margin-top: 0; }

data/app/assets/stylesheets/layout/_image_background.scss

@@ -0,0 +1,9 @@
+// from http://css-tricks.com/perfect-full-page-background-image/
+// should use http://stackoverflow.com/questions/1342994/check-browser-css-property-support to degrade
+@mixin image_background($image_url) {
+  background: $image_url no-repeat center center fixed;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  background-size: cover;
+}

data/lib/patterns/version.rb

@@ -1,3 +1,3 @@
 module Patterns
-  VERSION = "0.0.1"
-end
+  VERSION = "0.1.0"
+end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: patterns
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.1.0
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-11-18 00:00:00.000000000 Z
+date: 2012-11-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -62,6 +62,7 @@ files:
 - app/assets/stylesheets/alignment/_overflow.scss
 - app/assets/stylesheets/alignment/_spacing.scss
 - app/assets/stylesheets/helpers/_clearfix.scss
+- app/assets/stylesheets/layout/_image_background.scss
 - app/assets/stylesheets/widgets/_clean_list.scss
 - app/assets/stylesheets/widgets/_scroll.scss
 - lib/patterns.rb