compass-susy-plugin 0.7.0.pre4 → 0.7.0.pre5

data/Manifest

@@ -1,20 +1,21 @@
-lib/susy/compass_plugin.rb
-lib/susy/sass_extensions.rb
-lib/susy.rb
+LICENSE.txt
 Manifest
-Rakefile
 README.mkdn
+Rakefile
+VERSION
+compass-susy-plugin.gemspec
+lib/susy.rb
+lib/susy/compass_plugin.rb
+lib/susy/sass_extensions.rb
 sass/susy/_grid.sass
 sass/susy/_reset.sass
-sass/susy/_utils.sass
+sass/susy/_susy.sass
 sass/susy/_text.sass
+sass/susy/_utils.sass
 sass/susy/_vertical_rhythm.sass
-sass/susy/_susy.sass
-templates/project/print.sass
-templates/project/screen.sass
-templates/project/ie.sass
 templates/project/_base.sass
 templates/project/_defaults.sass
+templates/project/ie.sass
 templates/project/manifest.rb
-VERSION
-LICENSE.txt
+templates/project/print.sass
+templates/project/screen.sass

data/README.mkdn

@@ -141,16 +141,22 @@ options, experimental (CSS3/proprietary) CSS, and more.
 And then the fun stuff in `_vertical_rhythm.sass`, written by Chris Eppstein
 and probably moving to the compass core before too long:
 
-* `+adjust-font-size-to(!font_size, [!lines])` - adjust the font size and number
+* `+adjust-font-size-to(!to_size, [!lines, !from_size])` - adjust the font size and number
   of baseline (line) units to occupy.
 
-* `+leader([!lines, !font_size])` and `+trailer([!lines, !font_size])` - add
-  leading or trailing whitespace to an element. These are added as top and
-  bottom margins that keep your vertical rhythm intact.
+* `+leader([!lines, !font_size, !property])` and `+trailer([!lines,
+  !font_size, !property])` - add leading or trailing whitespace to an element.
+  These are added as top and bottom margins (by default) that keep your
+  vertical rhythm intact. You can also send "padding" as the `!property` or
+  use `+padding-leader` and `+padding-trailer`. Be aware that this may
+  conflict with uses of rhythm-borders.
 
-* `+top-border([!width, !lines, !font_size])` and `+bottom-border([!width,
-  !lines, !font_size])` will combine border and padding to create borders that
-  also keep the vertical rhythm going.
+* `+leading-border([!width, !lines, !font_size, !style])` and
+  `+trailing-border([!width, !lines, !font_size, !style])` will combine border
+  and padding to create borders that also keep the vertical rhythm going. The
+  defaults are `1px, 1, !base_font_size, 'solid'`. Also available:
+  `+horizontal-borders` (for both leading and trailing), and `+rhythm-borders`
+  for applying equal borders and padding to all sides of a box.
 
 
 Advanced Options
@@ -199,34 +205,33 @@ advanced options hidden inside. Here's a few:
     their own.
 
 * `gutter(!context)` is a function that you can call at any time to return the
-  size of a gutter in your given context using percentages. The number is
-  returned without units so that you can perform math on it. In order to use
-  it, you will have to add "%" to it.
+  size of a gutter in your given context as a percentage.
 
     Example:
         
         #nav
-          padding-right= gutter(5) + "%"
+          padding-right= gutter(5)
 
 * `columns(!number, !context)` returns the span of `!number` columns in
-  `!context` as a percentage (again without the units declared). This span
-  includes any gutters between the columns spanned.
+  `!context` as a percentage. This span includes any gutters between the
+  columns spanned.
 
     Example:
         
         #nav
-          padding-left= columns(3,5) + "%"
+          padding-left= columns(3,5)
 
 * `side_gutter()` is also available and takes no arguments since it is always
   used at the top nesting level.
 
 * `!px2em` is a variable that represents the height of one pixel as a fraction
   of your base em-height. Multiply it with your target pixel value to
-  represent that value in ems.
+  represent that value in ems. Note that this is only accurate at your
+  `!base_font_size`.
 
     Example:
     
         #nav
           border-bottom:
             style: solid
-            width= !px2em*2
+            width= !px2em*2px

data/VERSION

@@ -1 +1 @@
-0.7.0.pre4
+0.7.0.pre5

data/compass-susy-plugin.gemspec

@@ -2,15 +2,15 @@
 
 Gem::Specification.new do |s|
   s.name = %q{compass-susy-plugin}
-  s.version = "0.7.0.pre4"
+  s.version = "0.7.0.pre5"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 1.2") if s.respond_to? :required_rubygems_version=
   s.authors = ["Eric Meyer"]
-  s.date = %q{2010-01-20}
+  s.date = %q{2010-03-18}
   s.description = %q{Susy is a ground-up native Compass plugin grid system that takes full advantage of Sass' capabilities to remove the tedium from grid-based web design.}
   s.email = %q{eric@oddbird.net}
-  s.extra_rdoc_files = ["lib/susy/compass_plugin.rb", "lib/susy/sass_extensions.rb", "lib/susy.rb", "README.mkdn", "LICENSE.txt"]
-  s.files = ["lib/susy/compass_plugin.rb", "lib/susy/sass_extensions.rb", "lib/susy.rb", "Manifest", "Rakefile", "README.mkdn", "sass/susy/_grid.sass", "sass/susy/_reset.sass", "sass/susy/_utils.sass", "sass/susy/_text.sass", "sass/susy/_vertical_rhythm.sass", "sass/susy/_susy.sass", "templates/project/print.sass", "templates/project/screen.sass", "templates/project/ie.sass", "templates/project/_base.sass", "templates/project/_defaults.sass", "templates/project/manifest.rb", "VERSION", "LICENSE.txt", "compass-susy-plugin.gemspec"]
+  s.extra_rdoc_files = ["LICENSE.txt", "README.mkdn", "lib/susy.rb", "lib/susy/compass_plugin.rb", "lib/susy/sass_extensions.rb"]
+  s.files = ["LICENSE.txt", "Manifest", "README.mkdn", "Rakefile", "VERSION", "compass-susy-plugin.gemspec", "lib/susy.rb", "lib/susy/compass_plugin.rb", "lib/susy/sass_extensions.rb", "sass/susy/_grid.sass", "sass/susy/_reset.sass", "sass/susy/_susy.sass", "sass/susy/_text.sass", "sass/susy/_utils.sass", "sass/susy/_vertical_rhythm.sass", "templates/project/_base.sass", "templates/project/_defaults.sass", "templates/project/ie.sass", "templates/project/manifest.rb", "templates/project/print.sass", "templates/project/screen.sass"]
   s.homepage = %q{http://github.com/ericam/compass-susy-plugin}
   s.rdoc_options = ["--line-numbers", "--inline-source", "--title", "Compass-susy-plugin", "--main", "README.mkdn"]
   s.require_paths = ["lib"]

data/sass/susy/_utils.sass

@@ -12,8 +12,7 @@
   background:
     image= image_url(!src)
     repeat: repeat 
-    position= side_gutter() + " 0"
-
+    position= !side_gutter_width 0
 
 // Brings IE in line with inline-block display
 //  - Using hacks if called automatically because !hacks == true

data/sass/susy/_vertical_rhythm.sass

@@ -1,7 +1,10 @@
 //** Vertical Rhythm **//
-// By Chris Eppstein, living here on a temporary basis
+// By Chris Eppstein and Eric Meyer, living here on a temporary basis
 
 
+// set the default border style for rhythm borders
+!default_rhythm_border_style = "solid"
+
 // The IE font ratio is a fact of life. Deal with it.
 !ie_font_ratio = 16px / 100%
  
@@ -38,28 +41,57 @@
 // !lines is a number that is how many times the baseline rhythm this
 // font size should use up. Does not have to be an integer, but it defaults
 // to the smallest integer that is large enough to fit the font.
-=adjust-font-size-to(!font_size, !lines = ceil(!font_size / !base_line_height))
-  font-size= 1em * !font_size / !base_font_size
+// Use !from_size to adjust from a non-base font-size.
+=adjust-font-size-to(!to_size, !lines = ceil(!font_size / !base_line_height), !from_size = !base_font_size)
+  font-size= 1em * !to_size / !from_size
   +adjust-leading-to(!lines, !font_size)
  
 =adjust-leading-to(!lines, !font_size = !base_font_size)
   line-height= 1em * !lines * !base_line_height / !font_size
  
 // Apply leading whitespace
-=leader(!lines = 1, !font_size = !base_font_size)
-  margin-top= 1em * !lines * !base_line_height / !font_size
- 
+=leader(!lines = 1, !font_size = !base_font_size, !property = "margin")
+  #{!property}-top= 1em * !lines * !base_line_height / !font_size
+
+=padding-leader(!lines = 1, !font_size = !base_font_size)
+  +leader(!lines, !font_size, "padding")
+
+=margin-leader(!lines = 1, !font_size = !base_font_size)
+  +leader(!lines, !font_size, "margin")
+
 // Apply trailing whitespace
-=trailer(!lines = 1, !font_size = !base_font_size)
-  margin-bottom= 1em * !lines * !base_line_height / !font_size
+=trailer(!lines = 1, !font_size = !base_font_size, !property = "margin")
+  #{!property}-bottom= 1em * !lines * !base_line_height / !font_size
+
+=padding-trailer(!lines = 1, !font_size = !base_font_size)
+  +trailer(!lines, !font_size, "padding")
+
+=margin-trailer(!lines = 1, !font_size = !base_font_size)
+  +trailer(!lines, !font_size, "margin")
  
-// Apply a border width without messing up the rhythm
-=border(!side, !width = 1px, !lines = 1, !font_size = !base_font_size)
-  border-#{!side}-width= 1em * !width / !font_size
+// Apply a border width to any side without destroying the vertical rhythm
+=apply-side-rhythm-border(!side, !width = 1px, !lines = 1, !font_size = !base_font_size, !border_style = !default_rhythm_border_style)
+  border-#{!side}:
+    style= !border_style
+    width= 1em * !width / !font_size
   padding-#{!side}= (1em / !font_size) * ((!lines * !base_line_height) - !width)
- 
-=top-border(!width = 1px, !lines = 1, !font_size = !base_font_size)
-  +border("top", !width, !lines, !font_size)
- 
-=bottom-border(!width = 1px, !lines = 1, !font_size = !base_font_size)
-  +border("bottom", !width, !lines, !font_size)
+
+// Aplly rhythm borders equally to all sides 
+=rhythm-borders(!width = 1px, !lines = 1, !font_size = !base_font_size, !border_style = !default_rhythm_border_style)
+  border:
+    style= !border_style
+    width= 1em * !width / !font_size
+  padding= (1em / !font_size) * ((!lines * !base_line_height) - !width)
+
+// Apply a leading rhythm border 
+=leading-border(!width = 1px, !lines = 1, !font_size = !base_font_size, !border_style = !default_rhythm_border_style)
+  +apply-side-rhythm-border("top", !width, !lines, !font_size, !border_style)
+
+// Apply a trailing rhythm border
+=trailing-border(!width = 1px, !lines = 1, !font_size = !base_font_size, !border_style = !default_rhythm_border_style)
+  +apply-side-rhythm-border("bottom", !width, !lines, !font_size, !border_style)
+
+// Apply both leading and trailing rhythm borders
+=horizontal-borders(!width = 1px, !lines = 1, !font_size = !base_font_size, !border_style = !default_rhythm_border_style)
+  +leading-border(!width, !lines, !font_size, !border_style) 
+  +trailing-border(!width, !lines, !font_size, !border_style)

data/templates/project/_defaults.sass

@@ -16,9 +16,8 @@ body
 
 /* @group links */
 
-a, input, textarea, button
-  &:focus
-    outline= 1px "dotted" !alt
+\:focus
+  outline= 1px "dotted" !alt
 
 a
   &:link, &:visited
@@ -30,28 +29,42 @@ a
 /* @end */
 
 
-/* @group headers */
+/* @group inline tags */
 
-h1, h2, h3, h4, h5, h6
+cite
+  font-style: italic
+
+em
+  font-style: italic
+
+strong
   font-weight: bold
 
+ins
+  text-decoration: underline
+
+del
+  text-decoration: line-through
+
+q
+  font-style: italic
+  em
+    font-style: normal
+
 /* @end */
 
 
-/* @group tables */
+/* @group replaced tags */
 
-/* tables still need 'cellspacing="0"' in the markup */
+img
+  vertical-align: bottom
 
-table
-  width: 100%
-  border:
-    width: 0
-    style: solid 
-    color= !base
-  +top-border(1px, 0.5)
-  +bottom-border(1px, 0.5)
+/* @end */
 
-th
+
+/* @group headers */
+
+h1, h2, h3, h4, h5, h6
   font-weight: bold
 
 /* @end */
@@ -89,44 +102,26 @@ blockquote
 /* @end */
 
 
-/* @group inline tags */
+/* @group tables */
 
-cite
-  font-style: italic
+/* tables still need 'cellspacing="0"' in the markup */
 
-em
-  font-style: italic
+table
+  width: 100%
+  border:
+    width: 0
+    style: solid 
+    color= !base
+  +horizontal-borders(1px, 0.5)
 
-strong
+th
   font-weight: bold
 
-ins
-  text-decoration: underline
-
-del
-  text-decoration: line-through
-
-q
-  font-style: italic
-  em
-    font-style: normal
-
-/* @end */
-
-
-/* @group replaced tags */
-
-img
-  vertical-align: bottom
-
 /* @end */
 
 
 /* @group forms */
 
-form *:focus
-  outline: none
-
 fieldset
   +trailer
 

metadata

@@ -1,7 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: compass-susy-plugin
 version: !ruby/object:Gem::Version 
-  version: 0.7.0.pre4
+  prerelease: true
+  segments: 
+  - 0
+  - 7
+  - 0
+  - pre5
+  version: 0.7.0.pre5
 platform: ruby
 authors: 
 - Eric Meyer
@@ -9,19 +15,24 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2010-01-20 00:00:00 -07:00
+date: 2010-03-18 00:00:00 -06:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency 
   name: compass
-  type: :runtime
-  version_requirement: 
-  version_requirements: !ruby/object:Gem::Requirement 
+  prerelease: false
+  requirement: &id001 !ruby/object:Gem::Requirement 
     requirements: 
     - - ">="
       - !ruby/object:Gem::Version 
+        segments: 
+        - 0
+        - 10
+        - 0
+        - pre1
         version: 0.10.0.pre1
-    version: 
+  type: :runtime
+  version_requirements: *id001
 description: Susy is a ground-up native Compass plugin grid system that takes full advantage of Sass' capabilities to remove the tedium from grid-based web design.
 email: eric@oddbird.net
 executables: []
@@ -29,33 +40,33 @@ executables: []
 extensions: []
 
 extra_rdoc_files: 
-- lib/susy/compass_plugin.rb
-- lib/susy/sass_extensions.rb
-- lib/susy.rb
-- README.mkdn
 - LICENSE.txt
-files: 
+- README.mkdn
+- lib/susy.rb
 - lib/susy/compass_plugin.rb
 - lib/susy/sass_extensions.rb
-- lib/susy.rb
+files: 
+- LICENSE.txt
 - Manifest
-- Rakefile
 - README.mkdn
+- Rakefile
+- VERSION
+- compass-susy-plugin.gemspec
+- lib/susy.rb
+- lib/susy/compass_plugin.rb
+- lib/susy/sass_extensions.rb
 - sass/susy/_grid.sass
 - sass/susy/_reset.sass
-- sass/susy/_utils.sass
+- sass/susy/_susy.sass
 - sass/susy/_text.sass
+- sass/susy/_utils.sass
 - sass/susy/_vertical_rhythm.sass
-- sass/susy/_susy.sass
-- templates/project/print.sass
-- templates/project/screen.sass
-- templates/project/ie.sass
 - templates/project/_base.sass
 - templates/project/_defaults.sass
+- templates/project/ie.sass
 - templates/project/manifest.rb
-- VERSION
-- LICENSE.txt
-- compass-susy-plugin.gemspec
+- templates/project/print.sass
+- templates/project/screen.sass
 has_rdoc: true
 homepage: http://github.com/ericam/compass-susy-plugin
 licenses: []
@@ -74,18 +85,21 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements: 
   - - ">="
     - !ruby/object:Gem::Version 
+      segments: 
+      - 0
       version: "0"
-  version: 
 required_rubygems_version: !ruby/object:Gem::Requirement 
   requirements: 
   - - ">="
     - !ruby/object:Gem::Version 
+      segments: 
+      - 1
+      - 2
       version: "1.2"
-  version: 
 requirements: []
 
 rubyforge_project: compass-susy-plugin
-rubygems_version: 1.3.5
+rubygems_version: 1.3.6
 signing_key: 
 specification_version: 3
 summary: A Compass grid system plugin.