gridpaper 0.0.5

data/templates/sass/gridpaper/_forms.sass

@@ -0,0 +1,27 @@
+form
+
+  .field
+    margin-bottom: 1em
+
+  legend
+    display: block
+    margin-bottom: 1em
+
+  label
+    display: block
+
+  input[type="text"], input[type="email"], input[type="url"], input[type="search"], textarea
+    padding: 0.25em 0.5em
+    font:
+      size: 1em
+      family: sans-serif
+    border: 1px solid #7E7E7E
+
+  input[type="submit"]
+    padding: 0.5em 1em
+    border: 1px solid #7E7E7E
+    @include border-radius(5px)
+    cursor: pointer
+
+
+

data/templates/sass/gridpaper/_grid.sass

@@ -0,0 +1,59 @@
+/*
+  Default Gridpaper 24 Column Grid
+  Column Width: 24px
+  Gutter Width: 16px
+  Total Width: 976px
+
+$grid-columns: 24 !default
+$grid-column-width: 24px !default
+$grid-gutter-width: 16px !default
+
+@mixin container
+  width: ($grid-columns * $grid-column-width) + (($grid-columns - 1) * $grid-gutter-width)
+  padding:
+    left: $grid-gutter-width
+    right: $grid-gutter-width
+  margin:
+    left: auto
+    right: auto
+
+@mixin column
+  display: block
+  float: left
+  &:last-child
+    margin-right: 0
+
+@mixin span($n: $grid-columns, $adj: 0)
+  width: ($grid-column-width * $n) + ($grid-gutter-width * ($n - 1)) + $adj
+  margin-right: $grid-gutter-width
+
+@mixin padding($left: inherit, $right: inherit)
+  @if $left != inherit
+    padding-left: ($grid-column-width * $left) + ($grid-gutter-width * $left)
+  @if $right != inherit
+    padding-right: ($grid-column-width * $right) + ($grid-gutter-width * $right)
+
+@mixin margin($left: inherit, $right: inherit)
+  @if $left != inherit
+    margin-left: ($grid-column-width * $left) + ($grid-gutter-width * ($left - 1))
+  @if $right != inherit
+    margin-right: ($grid-column-width * $right) + ($grid-gutter-width * ($right - 1))
+
+@mixin last
+  margin-right: 0
+  clear: right
+
+@mixin text-columns($n, $gutter: $grid-gutter-width)
+  -webkit-column-count: $n
+  -moz-column-count: $n
+  column-count: $n
+  -webkit-column-gap: $gutter
+  -moz-column-gap: $gutter
+  column-gap: $gutter
+
+
+@mixin showgrid
+  background: url(../images/grid.png)
+  border:
+    top: 1px solid fade-out(#dd7d96, 0.7)
+    right: 1px solid fade-out(#7dcadd, 0.3)

data/templates/sass/gridpaper/_reset.sass

@@ -0,0 +1,102 @@
+/*
+  html5doctor.com Reset Stylesheet
+  v1.6.1
+  Last Updated: 2010-09-17
+  Author: Richard Clark - http: //richclarkdesign.com
+  Twitter: @rich_clark
+
+$base-font-size: 16px !default
+
+html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
+  margin: 0
+  padding: 0
+  border: 0
+  outline: 0
+  font:
+    size: 100%
+    weight: normal
+    style: normal
+    family: sans-serif
+  vertical-align: baseline
+  background: transparent
+  line-height: 1
+
+body
+  font-size: $base-font-size
+
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
+  display: block
+
+h1, h2, h3, h4, h5, h6, strong, b
+  font-weight: bold
+
+em, i
+  font-style: italic
+
+nav ul
+  list-style: none
+
+blockquote, q
+  quotes: none
+
+blockquote:before, blockquote:after, q:before, q:after
+  content: ''
+  content: none
+
+ins
+  text-decoration: none
+
+mark
+  font-style: italic
+  font-weight: bold
+
+del
+  text-decoration: line-through
+
+abbr[title], dfn[title]
+  border-bottom: 1px dotted
+  cursor: help
+
+table
+  border-collapse: collapse
+  border-spacing: 0
+
+hr
+  display: block
+  height: 0px
+  border: 0
+  border-top: 1px solid #cccccc
+  margin: 0
+  padding: 0
+
+input, select
+  vertical-align: middle
+
+textarea
+  margin: 0
+
+h1
+  font-size: 5em
+h2
+  font-size: 4em
+h3
+  font-size: 3em
+h4
+  font-size: 2em
+h5
+  font-size: 1.5em
+h6
+  font-size: 1em
+
+@mixin clearfix
+  display: block
+  &:after
+    display: block
+    overflow: hidden
+    visibility: hidden
+    clear: both
+    height: 0
+    content: "\0020"
+
+.clear
+  @include clearfix

data/templates/sass/gridpaper/_utilities.sass

@@ -0,0 +1,6 @@
+@mixin sprite($url, $height: 100, $width: 100, $x: 0, $y: 0)
+  display: block
+  height: $height
+  width: $width
+  background: url($url)
+  background-position: ($x * $width) ($y * $height)

data/templates/sass/styles.sass

@@ -0,0 +1,2 @@
+@import settings
+@import gridpaper/all

data/templates/scss/_settings.scss

@@ -0,0 +1,7 @@
+// Define your own grid
+$grid-columns: 24;
+$grid-column-width: 24px;
+$grid-gutter-width: 16px;
+
+// Set your base font size
+$base-font-size: 16px;

data/templates/scss/gridpaper/_all.scss

@@ -0,0 +1,7 @@
+@import "reset";
+
+@import "grid";
+
+@import "effects";
+
+@import "forms";

data/templates/scss/gridpaper/_effects.scss

@@ -0,0 +1,31 @@
+@mixin border-radius($radii, $ie: false) {
+  -webkit-border-radius: $radii;
+  -moz-border-radius: $radii;
+  -ms-border-radius: $radii;
+  -o-border-radius: $radii;
+  border-radius: $radii;
+  -moz-background-clip: padding;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  @if $ie {
+    position: relative;
+    behavior: url(/javascripts/PIE.htc); } }
+
+@mixin box-shadow($style, $ie: false) {
+  -webkit-box-shadow: $style;
+  -moz-box-shadow: $style;
+  -ms-box-shadow: $style;
+  -o-box-shadow: $style;
+  box-shadow: $style;
+  @if $ie {
+    behavior: url(/javascripts/PIE.htc); } }
+
+@mixin box-gradient($from, $to) {
+  background-color: mix($from, $to);
+  background-image: -webkit-gradient(linear, left top, left bottom, from($from), to($to));
+  background-image: -webkit-linear-gradient(top, $from, $to);
+  background-image: -moz-linear-gradient(top, $from, $to);
+  background-image: -ms-linear-gradient(top, $from, $to);
+  background-image: -o-linear-gradient(top, $from, $to);
+  background-image: linear-gradient(top, $from, $to);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr="#{$from}", EndColorStr="#{$to}"); }

data/templates/scss/gridpaper/_forms.scss

@@ -0,0 +1,19 @@
+form {
+  .field {
+    margin-bottom: 1em; }
+  legend {
+    display: block;
+    margin-bottom: 1em; }
+  label {
+    display: block; }
+  input[type="text"], input[type="email"], input[type="url"], input[type="search"], textarea {
+    padding: 0.25em 0.5em;
+    font: {
+      size: 1em;
+      family: sans-serif; };
+    border: 1px solid #7e7e7e; }
+  input[type="submit"] {
+    padding: 0.5em 1em;
+    border: 1px solid #7e7e7e;
+    @include border-radius(5px);
+    cursor: pointer; } }

data/templates/scss/gridpaper/_grid.scss

@@ -0,0 +1,57 @@
+/* Default Gridpaper 24 Column Grid
+ * Column Width: 24px
+ * Gutter Width: 16px
+ * Total Width: 976px */
+
+$grid-columns: 24 !default;
+$grid-column-width: 24px !default;
+$grid-gutter-width: 16px !default;
+
+@mixin container {
+  width: $grid-columns * $grid-column-width + ($grid-columns - 1) * $grid-gutter-width;
+  padding: {
+    left: $grid-gutter-width;
+    right: $grid-gutter-width; };
+  margin: {
+    left: auto;
+    right: auto; }; }
+
+@mixin column {
+  display: block;
+  float: left;
+  &:last-child {
+    margin-right: 0; } }
+
+@mixin span($n: $grid-columns, $adj: 0) {
+  width: $grid-column-width * $n + $grid-gutter-width * ($n - 1) + $adj;
+  margin-right: $grid-gutter-width; }
+
+@mixin padding($left: inherit, $right: inherit) {
+  @if $left != inherit {
+    padding-left: $grid-column-width * $left + $grid-gutter-width * $left; }
+  @if $right != inherit {
+    padding-right: $grid-column-width * $right + $grid-gutter-width * $right; } }
+
+@mixin margin($left: inherit, $right: inherit) {
+  @if $left != inherit {
+    margin-left: $grid-column-width * $left + $grid-gutter-width * ($left - 1); }
+  @if $right != inherit {
+    margin-right: $grid-column-width * $right + $grid-gutter-width * ($right - 1); } }
+
+@mixin last {
+  margin-right: 0;
+  clear: right; }
+
+@mixin text-columns($n, $gutter: $grid-gutter-width) {
+  -webkit-column-count: $n;
+  -moz-column-count: $n;
+  column-count: $n;
+  -webkit-column-gap: $gutter;
+  -moz-column-gap: $gutter;
+  column-gap: $gutter; }
+
+@mixin showgrid {
+  background: url(../images/grid.png);
+  border: {
+    top: 1px solid fade-out(#dd7d96, 0.7);
+    right: 1px solid fade-out(#7dcadd, 0.3); }; }

data/templates/scss/gridpaper/_reset.scss

@@ -0,0 +1,106 @@
+/* html5doctor.com Reset Stylesheet
+ * v1.6.1
+ * Last Updated: 2010-09-17
+ * Author: Richard Clark - http: //richclarkdesign.com
+ * Twitter: @rich_clark */
+
+$base-font-size: 16px !default;
+
+html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  font: {
+    size: 100%;
+    weight: normal;
+    style: normal;
+    family: sans-serif; };
+  vertical-align: baseline;
+  background: transparent;
+  line-height: 1; }
+
+body {
+  font-size: $base-font-size; }
+
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+  display: block; }
+
+h1, h2, h3, h4, h5, h6, strong, b {
+  font-weight: bold; }
+
+em, i {
+  font-style: italic; }
+
+nav ul {
+  list-style: none; }
+
+blockquote, q {
+  quotes: none; }
+
+blockquote:before, blockquote:after, q:before, q:after {
+  content: "";
+  content: none; }
+
+ins {
+  text-decoration: none; }
+
+mark {
+  font-style: italic;
+  font-weight: bold; }
+
+del {
+  text-decoration: line-through; }
+
+abbr[title], dfn[title] {
+  border-bottom: 1px dotted;
+  cursor: help; }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+hr {
+  display: block;
+  height: 0px;
+  border: 0;
+  border-top: 1px solid #cccccc;
+  margin: 0;
+  padding: 0; }
+
+input, select {
+  vertical-align: middle; }
+
+textarea {
+  margin: 0; }
+
+h1 {
+  font-size: 5em; }
+
+h2 {
+  font-size: 4em; }
+
+h3 {
+  font-size: 3em; }
+
+h4 {
+  font-size: 2em; }
+
+h5 {
+  font-size: 1.5em; }
+
+h6 {
+  font-size: 1em; }
+
+@mixin clearfix {
+  display: block;
+  &:after {
+    display: block;
+    overflow: hidden;
+    visibility: hidden;
+    clear: both;
+    height: 0;
+    content: "\0020"; } }
+
+.clear {
+  @include clearfix; }

data/templates/scss/styles.scss

@@ -0,0 +1,2 @@
+@import "settings";
+@import "gridpaper/all";

metadata

@@ -0,0 +1,137 @@
+--- !ruby/object:Gem::Specification
+name: gridpaper
+version: !ruby/object:Gem::Version
+  version: 0.0.5
+  prerelease: 
+platform: ruby
+authors:
+- Christian Naths
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2011-11-25 00:00:00.000000000Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: commander
+  requirement: &70266714518720 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 4.0.4
+  type: :runtime
+  prerelease: false
+  version_requirements: *70266714518720
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: &70266714518220 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 3.1.7
+  type: :runtime
+  prerelease: false
+  version_requirements: *70266714518220
+- !ruby/object:Gem::Dependency
+  name: guard
+  requirement: &70266714517760 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 0.8.8
+  type: :runtime
+  prerelease: false
+  version_requirements: *70266714517760
+- !ruby/object:Gem::Dependency
+  name: guard-sass
+  requirement: &70266714517300 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 0.5.4
+  type: :runtime
+  prerelease: false
+  version_requirements: *70266714517300
+- !ruby/object:Gem::Dependency
+  name: colorize
+  requirement: &70266714516760 !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 0.5.8
+  type: :runtime
+  prerelease: false
+  version_requirements: *70266714516760
+description: Gridpaper is a CSS framework built on top of SASS.
+email:
+- christiannaths@gmail.com
+executables:
+- gridpaper
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- Guardfile
+- README.rdoc
+- Rakefile
+- bin/gridpaper
+- examples/images/Untitled-1.png
+- examples/images/grid.png
+- examples/index.html
+- examples/stylesheets/sass/_columns.sass
+- examples/stylesheets/sass/_settings.sass
+- examples/stylesheets/sass/styles.sass
+- examples/stylesheets/scss/nested_folder/_imported_file.scss
+- examples/stylesheets/scss/nested_folder/generated.scss
+- examples/stylesheets/scss/something.scss
+- gridpaper.gemspec
+- lib/Guardfile
+- lib/gridpaper.rb
+- lib/gridpaper/version.rb
+- lib/guard/gridpaper-watch.rb
+- templates/examples/_columns.sass
+- templates/sass/_settings.sass
+- templates/sass/gridpaper/_all.sass
+- templates/sass/gridpaper/_effects.sass
+- templates/sass/gridpaper/_forms.sass
+- templates/sass/gridpaper/_grid.sass
+- templates/sass/gridpaper/_reset.sass
+- templates/sass/gridpaper/_utilities.sass
+- templates/sass/styles.sass
+- templates/scss/_settings.scss
+- templates/scss/gridpaper/_all.scss
+- templates/scss/gridpaper/_effects.scss
+- templates/scss/gridpaper/_forms.scss
+- templates/scss/gridpaper/_grid.scss
+- templates/scss/gridpaper/_reset.scss
+- templates/scss/styles.scss
+homepage: http://christiannaths.com
+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: Gridpaperform
+rubygems_version: 1.8.6
+signing_key: 
+specification_version: 3
+summary: A SASS Framework
+test_files: []