patterns 0.0.1

data/.gitignore

@@ -0,0 +1,18 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp
+.idea/*

data/Gemfile

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

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2012 Steven Chung
+
+MIT License
+
+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/README.md

@@ -0,0 +1,41 @@
+# Patterns
+General styling patterns in SASS. Provides utility mixins for spacing, alignment and cleanup.
+
+## Install
+### Rails 3.1+
+Add this line to your application's Gemfile:
+
+    gem 'patterns'
+
+And then execute:
+
+    $ bundle
+
+And in your .scss file:
+
+    @import 'patterns';
+
+### 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';
+
+## Use
+See http://patterns-examples.herokuapp.com for functions and variables.
+
+### Browser Support
+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.
+
+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). 
+
+Thanks to [Luke Zhang](https://github.com/lukezhangstudio) for doing the documentation website.
+
+### Contribution
+Feel free to fork, post issues or send any pull requests. Thanks.
+
+## License
+MIT License
+

data/Rakefile

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

data/app/assets/stylesheets/_patterns.scss

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

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

@@ -0,0 +1,29 @@
+@mixin center {
+  text-align: center;
+  margin: 0px auto;
+}
+@mixin center_container {
+  text-align: center;
+  & > * {
+    margin: 0px auto;
+  }
+}
+/*
+http://css-tricks.com/centering-in-the-unknown/
+Changes the parent
+*/
+@mixin center_container_unknown {
+  text-align: center;
+  &:before {
+    content: '';
+    display: inline-block;
+    height: 100%;
+    vertical-align: middle;
+    margin-right: -0.25em; /* Adjusts for spacing */
+  }
+
+  & > * {
+    display: inline-block;
+    vertical-align: middle;
+  }
+}

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

@@ -0,0 +1,9 @@
+@mixin float_left_container {
+  @include clearfix;
+  & > * { float: left; }
+}
+@mixin float_left_right_container {
+  @include clearfix;
+  & > :first-child { float: left; }
+  & > * { float: right; }
+}

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

@@ -0,0 +1,8 @@
+@mixin vertical_line_container($line_color: $line_color) {
+  & > :first-child { border-left: none; }
+  & > * { border-left: 1px solid $line_color; }
+}
+@mixin hortizonal_line_container($line_color: $line_color) {
+  & > :first-child { border-top: none; }
+  & > * { border-top: 1px solid $line_color; }
+}

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

@@ -0,0 +1,10 @@
+@mixin overflow_left_container {
+  @include clearfix;
+  & > :first-child { float: right; }
+  & > * { overflow: hidden; }
+}
+@mixin overflow_right_container {
+  @include clearfix;
+  & > :first-child { float: left; }
+  & > * { overflow: hidden;  }
+}

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

@@ -0,0 +1,38 @@
+@function unit_multiplier($n, $base: $unit_base) {
+  @if unitless($n) {
+    @return $n * $base;
+  }
+  @else {
+    @return $n;
+  }
+}
+
+@mixin horizontally_spaced($n: 1) {
+  &:first-child { margin-left: 0; }
+  & { 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 {
+    & > :first-child { margin-left: 0; padding-left: 0; }
+    & > * { margin-left: unit_multiplier($n, 2.5px); padding-left: unit_multiplier($n, 2.5px); }
+  }
+  @else {
+    & > :first-child { margin-left: 0; }
+    & > * { margin-left: unit_multiplier($n); }
+  }
+}
+@mixin vertical_spacer_container($n: 1, $bordered: false) {
+  @if $bordered {
+    & > :first-child { margin-top: 0; padding-top: 0; }
+    & > * { margin-top: unit_multiplier($n, 2.5px); padding-top: unit_multiplier($n, 2.5px); }
+  }
+  @else {
+    & > *:first-child { margin-top: 0; }
+    & > * { margin-top: unit_multiplier($n); }
+  }
+}

data/app/assets/stylesheets/helpers/_clearfix.scss

@@ -0,0 +1,14 @@
+//From bourbon https://github.com/thoughtbot/bourbon
+@mixin clearfix {
+  zoom: 1;
+
+  &:before,
+  &:after {
+    content: "";
+    display: table;
+  }
+
+  &:after {
+    clear: both;
+  }
+}

data/app/assets/stylesheets/widgets/_clean_list.scss

@@ -0,0 +1,5 @@
+@mixin clean_list {
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+}

data/app/assets/stylesheets/widgets/_scroll.scss

@@ -0,0 +1,3 @@
+@mixin scroll {
+  overflow-y: auto;
+}

data/lib/patterns.rb

@@ -0,0 +1,9 @@
+# inspired by https://github.com/thoughtbot/bourbon/blob/master/lib/bourbon.rb
+
+module Patterns
+  if defined?(Rails) && defined?(Rails::Engine)
+    class Engine < ::Rails::Engine
+      require 'patterns/engine'
+    end
+  end
+end

data/lib/patterns/engine.rb

@@ -0,0 +1,6 @@
+# from https://github.com/thoughtbot/bourbon/blob/master/lib/bourbon/engine.rb
+module Patterns
+  class Engine < Rails::Engine
+    # auto wire
+  end
+end

data/lib/patterns/version.rb

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

data/patterns.gemspec

@@ -0,0 +1,23 @@
+# -*- encoding: utf-8 -*-
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'patterns/version'
+
+Gem::Specification.new do |gem|
+  gem.name          = "patterns"
+  gem.version       = Patterns::VERSION
+  gem.authors       = ["s12chung"]
+  gem.email         = ["steve@placemarklist.com"]
+  gem.description   = %q{General styling patterns in SASS}
+  gem.summary       = %q{General styling patterns in SASS for any project.}
+  gem.homepage      = ""
+
+  gem.files         = `git ls-files`.split($/)
+  gem.executables   = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
+  gem.test_files    = gem.files.grep(%r{^(test|spec|features)/})
+  gem.require_paths = ["lib"]
+
+  gem.add_dependency('sass', '>= 3.2')
+
+  gem.add_development_dependency('rake')
+end

metadata

@@ -0,0 +1,96 @@
+--- !ruby/object:Gem::Specification
+name: patterns
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+  prerelease: 
+platform: ruby
+authors:
+- s12chung
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-11-18 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3.2'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '3.2'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: General styling patterns in SASS
+email:
+- steve@placemarklist.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- app/assets/stylesheets/_patterns.scss
+- app/assets/stylesheets/alignment/_center.scss
+- app/assets/stylesheets/alignment/_float.scss
+- app/assets/stylesheets/alignment/_lines.scss
+- app/assets/stylesheets/alignment/_overflow.scss
+- app/assets/stylesheets/alignment/_spacing.scss
+- app/assets/stylesheets/helpers/_clearfix.scss
+- app/assets/stylesheets/widgets/_clean_list.scss
+- app/assets/stylesheets/widgets/_scroll.scss
+- lib/patterns.rb
+- lib/patterns/engine.rb
+- lib/patterns/version.rb
+- patterns.gemspec
+homepage: ''
+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: 
+rubygems_version: 1.8.24
+signing_key: 
+specification_version: 3
+summary: General styling patterns in SASS for any project.
+test_files: []
+has_rdoc: