compass-susy-plugin 0.7.0.pre2 → 0.7.0.pre3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
|