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 +1 -0
- data/VERSION +1 -1
- data/compass-susy-plugin.gemspec +2 -2
- data/sass/susy/_vertical_rhythm.sass +65 -0
- metadata +2 -1
data/Manifest
CHANGED
data/VERSION
CHANGED
@@ -1 +1 @@
|
|
1
|
-
0.7.0.
|
1
|
+
0.7.0.pre3
|
data/compass-susy-plugin.gemspec
CHANGED
@@ -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.
|
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.
|
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
|