compass-baseline 0.0.1 → 0.2.0

data/README

@@ -0,0 +1,9 @@
+Usage:
+  sudo gem install compass-baseline
+
+In Compass config:
+  require 'baseline'
+
+In Sass
+  @import baseline.sass
+  +baseline

data/VERSION

@@ -1 +1 @@
-0.0.1
+0.2.0

data/lib/baseline/compass_plugin.rb

@@ -1,4 +1,3 @@
 options = Hash.new
-options[:stylesheets_directory] = File.expand_path(File.join(File.dirname(__FILE__), '..', '..', 'sass'))
-
-Compass::Frameworks.register('baseline', options)
+options[:path] = File.dirname(__FILE__)
+Compass::Frameworks.register('baseline', options)

data/lib/baseline/stylesheets/_baseline.sass

@@ -0,0 +1,18 @@
+// Baseline - a designer framework
+// Copyright (C) 2009 Stephane Curzi, ProjetUrbain.com
+// Creative Commons Attribution-Share Alike 3.0 License
+
+@import baseline/modules/reset.sass
+@import baseline/modules/base.sass
+@import baseline/modules/type.sass
+@import baseline/modules/grid.sass
+@import baseline/modules/table.sass
+@import baseline/modules/form.sass
+
+=baseline
+  +baseline-reset
+  +baseline-base
+  +baseline-type
+  +baseline-grid
+  +baseline-table
+  +baseline-form

data/lib/baseline/stylesheets/baseline/_base.sass

@@ -0,0 +1,2 @@
+@import baseline/modules/base.sass
++baseline-base

data/lib/baseline/stylesheets/baseline/_form.sass

@@ -0,0 +1,2 @@
+@import baseline/modules/form.sass
++baseline-form

data/lib/baseline/stylesheets/baseline/_grid.sass

@@ -0,0 +1,2 @@
+@import baseline/modules/grid.sass
++baseline-grid

data/lib/baseline/stylesheets/baseline/_reset.sass

@@ -0,0 +1,2 @@
+@import baseline/modules/reset.sass
++baseline-reset

data/lib/baseline/stylesheets/baseline/_table.sass

@@ -0,0 +1,2 @@
+@import baseline/modules/table.sass
++baseline-table

data/lib/baseline/stylesheets/baseline/_type.sass

@@ -0,0 +1,2 @@
+@import baseline/modules/type.sass
++baseline-type

data/{sass/baseline → lib/baseline/stylesheets/baseline/modules}/_base.sass

@@ -1,4 +1,5 @@
 =baseline-base(!body_selector = "body")
+  //******************** Base ********************
   #{!body_selector}
     +baseline-base-body
     @if !body_selector != "body"
@@ -7,19 +8,19 @@
     +baseline-base-defaults
 
 =baseline-base-body
-  font-family: helvetica, arial, sans-serif
-  line-height: 1.5
-  background: white
-  color: black
+    font-family: helvetica, arial, sans-serif
+    line-height: 1.5
+    background: white
+    color: black
 
 =baseline-base-defaults
   h1, h2, h3, h4, h5, h6
     line-height: 1.2
 
-  h4, h5, h6, b, strong, th, thead, dt, legend
+  h4, h5, h6, b, strong, caption, th, thead, dt, legend
     font-weight: bold
 
-  caption, cite, dfn, em, i
+  cite, dfn, em, i
     font-style: italic
 
   code, kbd, samp, pre, tt, var
@@ -100,17 +101,16 @@
     font: inherit
     width: 100%
 
-  th
-    background: rgba(0, 0, 0, 0.2)
-
-  tr
-    &:nth-child(even)
-      background: rgba(0, 0, 0, 0.1)
-    //&:nth-child(odd)
-
+  // html 5
   article, aside, header, hgroup, nav, section, footer
     float: left
     display: block
 
   figure
-    display: block
+    display: block
+
+  .debug
+    outline: solid gold 1px
+
+  .debug-background
+    background: rgba(255, 215, 0, 0.2) !important

data/{sass/baseline → lib/baseline/stylesheets/baseline/modules}/_form.sass

@@ -41,7 +41,7 @@
   form
     overflow: auto
 
-  fieldset, legend
+  legend
     padding-bottom: 18px
 
   label
@@ -49,6 +49,13 @@
     margin: 0 0 11px 18px
     float: left
     display: block
+    &.first
+      margin-left: 0
+    &.singleline
+      +singleline
+    @for !n from 2 to 6
+      &.multilinex#{!n}
+        +multilinex(!n)
 
   input
     &[type="text"], &[type="password"], &[type="select"], &[type="search"]
@@ -69,18 +76,32 @@
   select
     display: block
     margin-top: 2px
+    margin-bottom: 0
 
   input
     &[type="submit"], &[type="reset"], &[type="button"]
       margin-left: 12px
-
-  label
-    &.singleline
-      +singleline
-    @for !n from 2 to 6
-      &.multilinex#{!n}
-        +multilinex(!n)
-
+      height: 18px
+      margin-bottom: 0
+      
+  @for !n from 1 to 4
+    .width#{!n} .radio-text
+      width= 228px * !n + (24px * (!n - 1))
+    label.width#{!n}
+      float: left
+      input, textarea
+        width= 102px * !n + (24px * (!n - 1))
+      select
+        width: 100%
+        
+  @for !n from 1 to 8
+    label.unitx#{!n}
+      float: left
+      input, textarea, .radio-text
+        width= 228px * !n + (24px * (!n - 1))
+      select
+        width: 100%
+      
   .radio
     +radio
 

data/{sass/baseline → lib/baseline/stylesheets/baseline/modules}/_grid.sass

@@ -49,21 +49,10 @@
 
 =width(!n)
   width= 234px * !n + (18px * (!n - 1))
-  label&
-    float: left
-    input, textarea, .radio-text
-      width= 228px * !n + (24px * (!n - 1))
-    select
-      width: 100%
+  
   
 =unitx(!n)
   width= 108px * !n + (18px * (!n - 1))
-  label&
-    float: left
-    input, textarea
-      width= 102px * !n + (24px * (!n - 1))
-    select
-      width: 100%
       
 =columnsx(!n) 
   -webkit-column-count= !n
@@ -97,9 +86,21 @@
   @for !n from 1 to 4
     .width#{!n}
       +width(!n)
+  .table-column
+    th, td
+      +width(1)
+    @for !n from 2 to 4
+      th.width#{!n}, td.width#{!n}
+        +width(!n)
   @for !n from 1 to 8
-    .unitx1#{!n}
+    .unitx#{!n}
       +unitx(!n)
+  .table-unit
+    th, td
+      +unitx(1)
+    @for !n from 2 to 8
+      th.unitx#{!n}, td.unitx#{!n}
+        +unitx(!n)
   .columnsx2
     +columnsx(2)
   .columnsx4

data/{sass/baseline → lib/baseline/stylesheets/baseline/modules}/_reset.sass

@@ -1,10 +1,5 @@
 =baseline-reset
-  html, body, div, span, a, img, h1, h2, h3, h4, h5, h6, hgroup, p, dl, dialog, 
-  dt, dd, ol, ul, li, abbr, acronym, address, b, big, blockquote, cite, code, 
-  del, dfn, em, i, ins, kbd, pre, q, samp, tt, var, small, strong, sub, sup, 
-  object, iframe, form, fieldset, label, legend, table, caption, tbody, tfoot, 
-  thead, tr, th, td, article, aside, footer, header, nav, section, figure, menu, 
-  time, mark, audio, video
+  html, body, div, span, a, img, h1, h2, h3, h4, h5, h6, hgroup, p, dl, dialog, dt, dd, ol, ul, li, abbr, acronym, address, b, big, blockquote, cite, code, del, dfn, em, i, ins, kbd, pre, q, samp, tt, var, small, strong, sub, sup, object, iframe, form, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, nav, section, figure, menu, time, mark, audio, video
     font-family: inherit
     font-size: 100%
     font-weight: inherit
@@ -18,7 +13,7 @@
     outline: 0
     background: transparent
 
-  textarea, input, select
+  textarea
     font-family: inherit
     font-size: 100%
     font-weight: normal

data/lib/baseline/stylesheets/baseline/modules/_table.sass

@@ -0,0 +1,28 @@
+=baseline-table
+  table
+    border-top: solid 3px #000
+    position: relative
+    top: -3px
+    margin-top: 18px
+    padding-bottom: 15px
+
+  th, td
+    border-top: solid 1px #000
+    line-height: 18px
+    padding: 9px 18px 8px 0
+    position: relative
+
+  th:first-child, td:first-child
+    padding-left: 0
+
+  th:last-child, td:last-child
+    padding-right: 0
+
+  tr
+    &:nth-child(even) td
+    &:nth-child(odd) td
+      background: #f6f6f6
+
+  caption
+    top: 8px
+    margin-bottom: 18px

data/{sass/baseline → lib/baseline/stylesheets/baseline/modules}/_type.sass

@@ -49,6 +49,9 @@
     font-size: 13px
     top: 5px
 
+  h1:first-child, h2:first-child, h3:first-child, h4:first-child
+    margin-top: 0
+
   p, pre, address
     font-size: 13px
     line-height: 18px
@@ -72,6 +75,12 @@
       margin-top: 0
       margin-bottom: 0
 
+  ul ul, ol ol
+    top: 0
+    margin-top: 0
+    margin-bottom: 0
+
+  li
     h1, h2, h3, h4, h5, h6, p
       top: 0
 
@@ -86,25 +95,13 @@
   input, textarea
     font-size: 12px
 
-  h1:first-child, h2:first-child, h3:first-child, h4:first-child
-    margin-top: 0
-
   table
     font-size: 13px
-    line-height: 18px
-    margin: 18px 0
-
-  th, td
-    padding: 3px 12px
-    line-height: 30px
-
-  th
-    background: rgba(0, 0, 0, 0.2)
 
-  tr
-    &:nth-child(even)
-      background: rgba(0, 0, 0, 0.1)
-    //&:nth-child(odd)
+  caption
+    font-size: 13px
+    line-height: 18px
+    position: relative
 
   hr
     position: relative

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification 
 name: compass-baseline
 version: !ruby/object:Gem::Version 
-  version: 0.0.1
+  version: 0.2.0
 platform: ruby
 authors: 
 - Thomas Reynolds
@@ -9,7 +9,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2009-08-26 00:00:00 -07:00
+date: 2009-10-08 00:00:00 -07:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency 
@@ -28,20 +28,28 @@ executables: []
 
 extensions: []
 
-extra_rdoc_files: []
-
+extra_rdoc_files: 
+- README
 files: 
 - .gitignore
+- README
 - Rakefile
 - VERSION
 - lib/baseline.rb
 - lib/baseline/compass_plugin.rb
-- sass/_baseline.sass
-- sass/baseline/_base.sass
-- sass/baseline/_form.sass
-- sass/baseline/_grid.sass
-- sass/baseline/_reset.sass
-- sass/baseline/_type.sass
+- lib/baseline/stylesheets/_baseline.sass
+- lib/baseline/stylesheets/baseline/_base.sass
+- lib/baseline/stylesheets/baseline/_form.sass
+- lib/baseline/stylesheets/baseline/_grid.sass
+- lib/baseline/stylesheets/baseline/_reset.sass
+- lib/baseline/stylesheets/baseline/_table.sass
+- lib/baseline/stylesheets/baseline/_type.sass
+- lib/baseline/stylesheets/baseline/modules/_base.sass
+- lib/baseline/stylesheets/baseline/modules/_form.sass
+- lib/baseline/stylesheets/baseline/modules/_grid.sass
+- lib/baseline/stylesheets/baseline/modules/_reset.sass
+- lib/baseline/stylesheets/baseline/modules/_table.sass
+- lib/baseline/stylesheets/baseline/modules/_type.sass
 has_rdoc: true
 homepage: http://github.com/tdreyno/compass-baseline
 licenses: []

data/sass/_baseline.sass

@@ -1,16 +0,0 @@
-// Baseline - a designer framework
-// Copyright (C) 2009 Stephane Curzi, ProjetUrbain.com
-// Creative Commons Attribution-Share Alike 3.0 License
-
-@import baseline/reset.sass
-@import baseline/base.sass
-@import baseline/type.sass
-@import baseline/grid.sass
-@import baseline/form.sass
-
-=baseline
-  +baseline-reset
-  +baseline-base
-  +baseline-type
-  +baseline-grid
-  +baseline-form