gridpaper 0.0.6 → 0.0.7

data/templates/scss/gridpaper/_tables.scss

@@ -0,0 +1 @@
+

data/templates/scss/gridpaper/pencil/_all.scss

@@ -0,0 +1,11 @@
+@import "colors";
+
+@import "elements";
+
+@import "typography";
+
+@import "forms";
+
+@import "tables";
+
+@import "layout";

data/templates/scss/gridpaper/pencil/_colors.scss

@@ -0,0 +1,9 @@
+$black: black;
+$dark-grey: #333333;
+$light-grey: #e1e1e1;
+$medium-grey: #666666;
+$white: white;
+
+body {
+  background-color: $white;
+  color: $dark-grey; }

data/templates/scss/gridpaper/pencil/_elements.scss

@@ -0,0 +1,13 @@
+@mixin image($height: 200px) {
+  display: block;
+  height: $height;
+  color: $light-grey;
+  line-height: $height;
+  text-align: center;
+  background-color: $dark-grey; }
+
+@mixin box {
+  overflow: hidden;
+  display: block;
+  padding: 1em;
+  background-color: $light-grey; }

data/templates/scss/gridpaper/pencil/_forms.scss

@@ -0,0 +1,17 @@
+form {
+  legend {
+    margin-bottom: 0.5em;
+    border-bottom: 1px solid $medium-grey; }
+  fieldset {
+    margin-bottom: 0.5em; }
+  label {
+    font-size: 16px;
+    line-height: 1.5em; }
+  input, textarea {
+    height: 1.5em;
+    padding: 3px 8px;
+    border: 1px solid $medium-grey; }
+  textarea {
+    height: 10em; }
+  input[type="submit"], button {
+    height: 32px; } }

data/templates/scss/gridpaper/pencil/_layout.scss

@@ -0,0 +1,28 @@
+body {
+  @include container;
+  margin: {
+    top: 3em;
+    bottom: 3em; }; }
+
+section {
+  margin-bottom: 3em; }
+
+h1, h2, h3, h4, h5, h6 {
+  text-transform: capitalize; }
+
+header {
+  margin-bottom: 1.5em;
+  padding-bottom: 1.5em;
+  border-bottom: 1px solid $light-grey;
+  nav {
+    ul li {
+      display: inline;
+      a {
+        display: inline-block;
+        margin-right: 2em; } } } }
+
+footer {
+  margin-top: 1.5em;
+  padding-top: 1.5em;
+  color: $medium-grey;
+  border-top: 1px solid $light-grey; }

data/templates/scss/gridpaper/pencil/_tables.scss

@@ -0,0 +1,5 @@
+table {
+  th {
+    background: $medium-grey;
+    color: $white;
+    border-color: $black; } }

data/templates/scss/gridpaper/pencil/_typography.scss

@@ -0,0 +1,16 @@
+h1, h2, h3, h4, h5, h6 {
+  margin-bottom: $base-font-size;
+  font: {
+    weight: bold; };
+  line-height: 1; }
+
+p {
+  margin-bottom: $base-font-size;
+  line-height: 1.5;
+  &:last-child {
+    margin-bottom: 0; } }
+
+hgroup {
+  margin-bottom: $base-font-size;
+  h1, h2, h3, h4, h5, h6 {
+    margin-bottom: 0; } }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: gridpaper
 version: !ruby/object:Gem::Version
-  version: 0.0.6
+  version: 0.0.7
   prerelease: 
 platform: ruby
 authors:
@@ -13,7 +13,7 @@ date: 2011-11-25 00:00:00.000000000Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: commander
-  requirement: &70163140373560 !ruby/object:Gem::Requirement
+  requirement: &70342136488700 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -21,10 +21,10 @@ dependencies:
         version: 4.0.4
   type: :runtime
   prerelease: false
-  version_requirements: *70163140373560
+  version_requirements: *70342136488700
 - !ruby/object:Gem::Dependency
   name: sass
-  requirement: &70163140373060 !ruby/object:Gem::Requirement
+  requirement: &70342136488100 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -32,10 +32,10 @@ dependencies:
         version: 3.1.7
   type: :runtime
   prerelease: false
-  version_requirements: *70163140373060
+  version_requirements: *70342136488100
 - !ruby/object:Gem::Dependency
   name: colorize
-  requirement: &70163140372540 !ruby/object:Gem::Requirement
+  requirement: &70342136487600 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -43,10 +43,10 @@ dependencies:
         version: 0.5.8
   type: :runtime
   prerelease: false
-  version_requirements: *70163140372540
+  version_requirements: *70342136487600
 - !ruby/object:Gem::Dependency
   name: guard
-  requirement: &70163140372060 !ruby/object:Gem::Requirement
+  requirement: &70342136487080 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -54,7 +54,7 @@ dependencies:
         version: 0.8.8
   type: :development
   prerelease: false
-  version_requirements: *70163140372060
+  version_requirements: *70342136487080
 description: Gridpaper is a CSS framework built on top of SASS.
 email:
 - christiannaths@gmail.com
@@ -71,14 +71,24 @@ files:
 - bin/gridpaper
 - examples/images/grid.png
 - examples/index.html
+- examples/pencil.html
 - examples/stylesheets/sass/_settings.sass
 - examples/stylesheets/sass/gridpaper/_all.sass
 - examples/stylesheets/sass/gridpaper/_effects.sass
 - examples/stylesheets/sass/gridpaper/_forms.sass
 - examples/stylesheets/sass/gridpaper/_grid.sass
 - examples/stylesheets/sass/gridpaper/_reset.sass
+- examples/stylesheets/sass/gridpaper/_tables.sass
 - examples/stylesheets/sass/gridpaper/_utilities.sass
-- examples/stylesheets/sass/styles.sass
+- examples/stylesheets/sass/gridpaper/pencil/_all.sass
+- examples/stylesheets/sass/gridpaper/pencil/_colors.sass
+- examples/stylesheets/sass/gridpaper/pencil/_elements.sass
+- examples/stylesheets/sass/gridpaper/pencil/_forms.sass
+- examples/stylesheets/sass/gridpaper/pencil/_layout.sass
+- examples/stylesheets/sass/gridpaper/pencil/_tables.sass
+- examples/stylesheets/sass/gridpaper/pencil/_typography.sass
+- examples/stylesheets/sass/index.html.sass
+- examples/stylesheets/sass/pencil.html.sass
 - gridpaper.gemspec
 - lib/gridpaper.rb
 - lib/gridpaper/version.rb
@@ -88,8 +98,15 @@ files:
 - templates/sass/gridpaper/_forms.sass
 - templates/sass/gridpaper/_grid.sass
 - templates/sass/gridpaper/_reset.sass
+- templates/sass/gridpaper/_tables.sass
 - templates/sass/gridpaper/_utilities.sass
-- templates/sass/gridpaper/examples/_columns.sass
+- templates/sass/gridpaper/pencil/_all.sass
+- templates/sass/gridpaper/pencil/_colors.sass
+- templates/sass/gridpaper/pencil/_elements.sass
+- templates/sass/gridpaper/pencil/_forms.sass
+- templates/sass/gridpaper/pencil/_layout.sass
+- templates/sass/gridpaper/pencil/_tables.sass
+- templates/sass/gridpaper/pencil/_typography.sass
 - templates/sass/styles.sass
 - templates/scss/_settings.scss
 - templates/scss/gridpaper/_all.scss
@@ -97,8 +114,15 @@ files:
 - templates/scss/gridpaper/_forms.scss
 - templates/scss/gridpaper/_grid.scss
 - templates/scss/gridpaper/_reset.scss
+- templates/scss/gridpaper/_tables.scss
 - templates/scss/gridpaper/_utilities.scss
-- templates/scss/gridpaper/examples/_columns.scss
+- templates/scss/gridpaper/pencil/_all.scss
+- templates/scss/gridpaper/pencil/_colors.scss
+- templates/scss/gridpaper/pencil/_elements.scss
+- templates/scss/gridpaper/pencil/_forms.scss
+- templates/scss/gridpaper/pencil/_layout.scss
+- templates/scss/gridpaper/pencil/_tables.scss
+- templates/scss/gridpaper/pencil/_typography.scss
 - templates/scss/styles.scss
 homepage: http://christiannaths.com
 licenses: []

data/examples/stylesheets/sass/styles.sass

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

data/templates/sass/gridpaper/examples/_columns.sass

@@ -1,46 +0,0 @@
-.column
-  height: 100px
-  margin-bottom: 16px
-  background-color: $light-grey
-  border: 1px solid $medium-grey
-
-
-#columns-1
-  .column
-    @include column
-    @include span(24, -2px)
-
-#columns-2
-  .column
-    @include column
-    @include span(12, -2px)
-
-#columns-3
-  .column
-    @include column
-    @include span(8, -2px)
-
-#columns-4
-  .column
-    @include column
-    @include span(6, -2px)
-
-#columns-6
-  .column
-    @include column
-    @include span(4, -2px)
-
-#columns-8
-  .column
-    @include column
-    @include span(3, -2px)
-
-#columns-12
-  .column
-    @include column
-    @include span(2, -2px)
-
-#columns-24
-  .column
-    @include column
-    @include span(1, -2px)

data/templates/scss/gridpaper/examples/_columns.scss

@@ -1,45 +0,0 @@
-.column {
-  height: 100px;
-  margin-bottom: 16px;
-  background-color: $light-grey;
-  border: 1px solid $medium-grey; }
-
-#columns-1 {
-  .column {
-    @include column;
-    @include span(24, -2px); } }
-
-#columns-2 {
-  .column {
-    @include column;
-    @include span(12, -2px); } }
-
-#columns-3 {
-  .column {
-    @include column;
-    @include span(8, -2px); } }
-
-#columns-4 {
-  .column {
-    @include column;
-    @include span(6, -2px); } }
-
-#columns-6 {
-  .column {
-    @include column;
-    @include span(4, -2px); } }
-
-#columns-8 {
-  .column {
-    @include column;
-    @include span(3, -2px); } }
-
-#columns-12 {
-  .column {
-    @include column;
-    @include span(2, -2px); } }
-
-#columns-24 {
-  .column {
-    @include column;
-    @include span(1, -2px); } }