compass-susy-plugin 0.7.0.pre2 → 0.7.0.pre3

Sign up to get free protection for your applications and to get access to all the features.
data/Manifest CHANGED
@@ -8,6 +8,7 @@ sass/susy/_grid.sass
8
8
  sass/susy/_reset.sass
9
9
  sass/susy/_utils.sass
10
10
  sass/susy/_text.sass
11
+ sass/susy/_vertical_rhythm.sass
11
12
  sass/susy/_susy.sass
12
13
  templates/project/print.sass
13
14
  templates/project/screen.sass
data/VERSION CHANGED
@@ -1 +1 @@
1
- 0.7.0.pre2
1
+ 0.7.0.pre3
@@ -2,7 +2,7 @@
2
2
 
3
3
  Gem::Specification.new do |s|
4
4
  s.name = %q{compass-susy-plugin}
5
- s.version = "0.7.0.pre2"
5
+ s.version = "0.7.0.pre3"
6
6
 
7
7
  s.required_rubygems_version = Gem::Requirement.new(">= 1.2") if s.respond_to? :required_rubygems_version=
8
8
  s.authors = ["Eric Meyer"]
@@ -10,7 +10,7 @@ Gem::Specification.new do |s|
10
10
  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.}
11
11
  s.email = %q{eric@oddbird.net}
12
12
  s.extra_rdoc_files = ["lib/susy/compass_plugin.rb", "lib/susy/sass_extensions.rb", "lib/susy.rb", "README.mkdn", "LICENSE.txt"]
13
- 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/_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"]
13
+ 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"]
14
14
  s.homepage = %q{http://github.com/ericam/compass-susy-plugin}
15
15
  s.rdoc_options = ["--line-numbers", "--inline-source", "--title", "Compass-susy-plugin", "--main", "README.mkdn"]
16
16
  s.require_paths = ["lib"]
@@ -0,0 +1,65 @@
1
+ //** Vertical Rhythm **//
2
+ // By Chris Eppstein, living here on a temporary basis
3
+
4
+
5
+ // The IE font ratio is a fact of life. Deal with it.
6
+ !ie_font_ratio = 16px / 100%
7
+
8
+ // The base line height is the basic unit of line hightness.
9
+ !base_line_height ||= 18px
10
+
11
+ // The base font size
12
+ !base_font_size ||= 12px
13
+
14
+ // The basic unit of font rhythm
15
+ !base_rhythm_unit= !base_line_height / !base_font_size * 1em
16
+
17
+ // The leader is the amount of whitespace in a line.
18
+ // It might be useful in your calculations
19
+ !base_leader = (!base_line_height - !base_font_size) * 1em / !base_font_size
20
+
21
+ // The half-leader is the amount of whitespace above and below a line.
22
+ // It might be useful in your calculations
23
+ !base_half_leader = !base_leader / 2
24
+
25
+ // Establishes a font baseline for the given font-size in pixels
26
+ =establish-baseline(!font_size = !base_font_size)
27
+ body
28
+ font-size= !font_size / !ie_font_ratio
29
+ +adjust-leading-to(1, !font_size)
30
+ html>body
31
+ font-size= !font_size
32
+
33
+ // Show a background image that can be used to debug your alignments.
34
+ =debug-vertical-alignment
35
+ background: url(underline.png)
36
+
37
+ // Adjust a block to have a different font size and leading to maintain the rhythm.
38
+ // !lines is a number that is how many times the baseline rhythm this
39
+ // font size should use up. Does not have to be an integer, but it defaults
40
+ // to the smallest integer that is large enough to fit the font.
41
+ =adjust-font-size-to(!font_size, !lines = ceil(!font_size / !base_line_height))
42
+ font-size= 1em * !font_size / !base_font_size
43
+ +adjust-leading-to(!lines, !font_size)
44
+
45
+ =adjust-leading-to(!lines, !font_size = !base_font_size)
46
+ line-height= 1em * !lines * !base_line_height / !font_size
47
+
48
+ // Apply leading whitespace
49
+ =leader(!lines = 1, !font_size = !base_font_size)
50
+ margin-top= 1em * !lines * !base_line_height / !font_size
51
+
52
+ // Apply trailing whitespace
53
+ =trailer(!lines = 1, !font_size = !base_font_size)
54
+ margin-bottom= 1em * !lines * !base_line_height / !font_size
55
+
56
+ // Apply a border width without messing up the rhythm
57
+ =border(!side, !width = 1px, !lines = 1, !font_size = !base_font_size)
58
+ border-#{!side}-width= 1em * !width / !font_size
59
+ padding-#{!side}= (1em / !font_size) * ((!lines * !base_line_height) - !width)
60
+
61
+ =top-border(!width = 1px, !lines = 1, !font_size = !base_font_size)
62
+ +border("top", !width, !lines, !font_size)
63
+
64
+ =bottom-border(!width = 1px, !lines = 1, !font_size = !base_font_size)
65
+ +border("bottom", !width, !lines, !font_size)
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: compass-susy-plugin
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.7.0.pre2
4
+ version: 0.7.0.pre3
5
5
  platform: ruby
6
6
  authors:
7
7
  - Eric Meyer
@@ -45,6 +45,7 @@ files:
45
45
  - sass/susy/_reset.sass
46
46
  - sass/susy/_utils.sass
47
47
  - sass/susy/_text.sass
48
+ - sass/susy/_vertical_rhythm.sass
48
49
  - sass/susy/_susy.sass
49
50
  - templates/project/print.sass
50
51
  - templates/project/screen.sass