compass-susy-plugin 0.6.2 → 0.6.3

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.
@@ -18,9 +18,8 @@ easily - and always in flexible percentages.
18
18
  Install
19
19
  =======
20
20
 
21
- sudo gem sources --add http://gems.github.com/
22
- sudo gem install chriseppstein-compass
23
- sudo gem install ericam-compass-susy-plugin
21
+ sudo gem sources --add http://gemcutter.org/
22
+ sudo gem install compass-susy-plugin
24
23
 
25
24
  Create a Susy-based Compass Project
26
25
  ===================================
data/Rakefile CHANGED
@@ -12,7 +12,7 @@ begin
12
12
  p.url = "http://github.com/ericam/compass-susy-plugin"
13
13
  p.author = ['Eric Meyer']
14
14
  p.email = "eric@oddbird.net"
15
- p.dependencies = ["chriseppstein-compass"]
15
+ p.dependencies = ["compass"]
16
16
  p.has_rdoc = false
17
17
  end
18
18
 
data/VERSION CHANGED
@@ -1 +1 @@
1
- 0.6.2
1
+ 0.6.3
@@ -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.6.2"
5
+ s.version = "0.6.3"
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"]
@@ -14,7 +14,6 @@ Gem::Specification.new do |s|
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"]
17
- s.rubyforge_project = %q{compass-susy-plugin}
18
17
  s.rubygems_version = %q{1.3.3}
19
18
  s.summary = %q{A Compass grid system plugin.}
20
19
 
@@ -23,14 +22,14 @@ Gem::Specification.new do |s|
23
22
  s.specification_version = 3
24
23
 
25
24
  if Gem::Version.new(Gem::RubyGemsVersion) >= Gem::Version.new('1.2.0') then
26
- s.add_runtime_dependency(%q<chriseppstein-compass>, [">= 0"])
25
+ s.add_runtime_dependency(%q<compass>, [">= 0"])
27
26
  s.add_development_dependency(%q<echoe>, [">= 0"])
28
27
  else
29
- s.add_dependency(%q<chriseppstein-compass>, [">= 0"])
28
+ s.add_dependency(%q<compass>, [">= 0"])
30
29
  s.add_dependency(%q<echoe>, [">= 0"])
31
30
  end
32
31
  else
33
- s.add_dependency(%q<chriseppstein-compass>, [">= 0"])
32
+ s.add_dependency(%q<compass>, [">= 0"])
34
33
  s.add_dependency(%q<echoe>, [">= 0"])
35
34
  end
36
35
  end
@@ -3,7 +3,7 @@
3
3
  //**
4
4
  Your basic units for the grid
5
5
  !grid_unit ||= "em"
6
- !total_cols ||= 16
6
+ !total_cols ||= 12
7
7
  !col_width ||= 4
8
8
  !gutter_width ||= 1
9
9
  !side_gutter_width ||= !gutter_width
@@ -92,9 +92,12 @@
92
92
  //**
93
93
  set on the last element of a row to take side-gutters into account
94
94
  - set !nested for nested columns
95
- - set !float for right-floated omega elements
95
+ - over-ride !omega_float globally or set +float locally for left-floated omega elements
96
+ !omega_float ||= "right"
97
+
96
98
  =omega(!nested = false, !right = false)
97
99
  !s = side_gutter()
100
+ +float(!omega_float)
98
101
  @if !nested
99
102
  :margin-right 0
100
103
  @else
@@ -2,8 +2,8 @@
2
2
 
3
3
  //**
4
4
  You set the font and line heights in pixels
5
- !base_font_size_px ||= 12
6
- !base_line_height_px ||= 18
5
+ !base_font_size_px ||= 16
6
+ !base_line_height_px ||= 24
7
7
 
8
8
 
9
9
  //**
@@ -11,11 +11,4 @@
11
11
  we call base_font_size function (even though we could do the math here)
12
12
  because Susy needs to "remember" our base_font_size_px for px2em()
13
13
  !base_font_size = base_font_size(!base_font_size_px) + "%"
14
- !base_line_height = (!base_line_height_px / !base_font_size_px) * 100 + "%"
15
-
16
- //**
17
- Because some serif fonts add line-height when switching to italics inline:
18
- =inline-italic
19
- :font-style italic
20
- :line-height .5
21
-
14
+ !base_line_height = (!base_line_height_px / !base_font_size_px) + "em"
@@ -9,11 +9,19 @@
9
9
  un-comment and override these values as needed for your grid layout
10
10
  (defaults are shown)
11
11
  // !grid_unit = "em"
12
- // !total_cols = 16
12
+ // !total_cols = 12
13
13
  // !col_width = 4
14
14
  // !gutter_width = 1
15
15
  // !side_gutter_width = !gutter_width
16
16
 
17
+
18
+ //**
19
+ OMEGA_FLOAT
20
+ By default, +omega elements are floated right.
21
+ You can override that globally here:
22
+ // !omega_float = "right"
23
+
24
+
17
25
  //**
18
26
  HACKS
19
27
  Are you using hacks or conditional comments? Susy makes both possible.
@@ -28,8 +36,8 @@
28
36
  - you set the font and line heights in pixels.
29
37
  - Susy will do the math and give you !base_font_size and !base_line_height
30
38
  variables, set flexibly against the common browser default of 16px
31
- // !base_font_size_px = 12
32
- // !base_line_height_px = 18
39
+ // !base_font_size_px = 16
40
+ // !base_line_height_px = 24
33
41
 
34
42
  // SUSY
35
43
  // (don't move this @import above the GRID and FONT-SIZE overrides)
@@ -37,24 +45,44 @@
37
45
 
38
46
  // COLORS
39
47
  // set any colors you will need later
40
- !dark = #000
41
- !light = #fff
48
+ !font_color = #444
49
+ !quiet_color = !font_color + #333
50
+ !loud_color = !font_color - #222
51
+ !header_color = !font_color - #111
52
+ !link_color = #099
53
+ !visited_color = #909
54
+ !hover_color = !link_color - #333
55
+ !focus_color = !hover_color
56
+ !active_color = !hover_color
42
57
 
43
58
  // FONTS
44
59
  // Give yourself some font stacks to work with
45
60
  =sans-family
46
- :font-family Futura, sans-serif
61
+ :font-family Helvetica, Arial, sans-serif
47
62
 
48
63
  =serif-family
49
- :font-family Baskerville, serif
64
+ :font-family Baskerville, Palatino, serif
50
65
 
51
66
  // Remember to add default styles to everything!
52
67
 
68
+ body
69
+ +sans-family
70
+ :color= !font_color
71
+
53
72
  /* @group links */
54
73
 
55
74
  \:focus
75
+ :outline= 1px "dotted" !quiet_color
76
+ :color= !hover_color
56
77
 
57
78
  a
79
+ &:link
80
+ :color= !link_color
81
+ &:visited
82
+ :color= !visited_color
83
+ &:focus, &:hover, &:active
84
+ :color= !hover_color
85
+ :text-decoration none
58
86
 
59
87
  /* @end */
60
88
 
@@ -62,25 +90,41 @@ a
62
90
  /* @group headers */
63
91
 
64
92
  h1, h2, h3, h4, h5, h6
93
+ :color= !header_color
94
+ :font-weight bold
95
+
96
+ h1, h2, h3
97
+ +serif-family
98
+
99
+ h1
100
+ :font-size= !base_line_height
65
101
 
66
102
  /* @end */
67
103
 
68
104
 
69
105
  /* @group forms */
70
106
 
71
- form
107
+ form *:focus
108
+ :outline none
72
109
 
73
110
  fieldset
111
+ :margin= !base_line_height 0
74
112
 
75
113
  legend
114
+ :font-weight bold
115
+ :font-variant small-caps
76
116
 
77
117
  label
118
+ :display block
119
+ :margin-top= !base_line_height
78
120
 
79
- textarea
121
+ legend + label
122
+ :margin-top 0
80
123
 
81
- input
82
-
83
- button
124
+ textarea, input[type="text"]
125
+ :color= !quiet_color
126
+ +box-sizing("border-box")
127
+ :width 100%
84
128
 
85
129
  /* @end */
86
130
 
@@ -90,18 +134,18 @@ button
90
134
  /* tables still need 'cellspacing="0"' in the markup */
91
135
 
92
136
  table
93
-
94
- thead
137
+ :width 100%
138
+ :border= 1/16 + "em solid" !quiet_color + #333
139
+ :left none
140
+ :right none
141
+ :padding= 7/16 + "em 0"
142
+ :margin= 8/16 + "em 0"
95
143
 
96
144
  tbody
97
-
98
- tfoot
99
-
100
- tr
145
+ :color= !quiet_color
101
146
 
102
147
  th
103
-
104
- td
148
+ :font-weight bold
105
149
 
106
150
  /* @end */
107
151
 
@@ -109,6 +153,7 @@ td
109
153
  /* @group block tags */
110
154
 
111
155
  p
156
+ :margin= !base_line_height 0
112
157
 
113
158
  =list-default(!ol = false)
114
159
  @if !ol
@@ -130,6 +175,8 @@ ul
130
175
  +list-default
131
176
 
132
177
  blockquote
178
+ :margin= !base_line_height
179
+ :color= !quiet_color
133
180
 
134
181
  /* @end */
135
182
 
@@ -137,6 +184,8 @@ blockquote
137
184
  /* @group inline tags */
138
185
 
139
186
  cite
187
+ :font-style italic
188
+ :color= !quiet_color
140
189
 
141
190
  em
142
191
  :font-style italic
@@ -151,6 +200,9 @@ del
151
200
  :text-decoration line-through
152
201
 
153
202
  q
203
+ :font-style italic
204
+ em
205
+ :font-style normal
154
206
 
155
207
  /* @end */
156
208
 
@@ -158,5 +210,6 @@ q
158
210
  /* @group replaced tags */
159
211
 
160
212
  img
213
+ :vertical-align bottom
161
214
 
162
215
  /* @end */
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.6.2
4
+ version: 0.6.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - Eric Meyer
@@ -9,11 +9,11 @@ autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
11
 
12
- date: 2009-07-12 00:00:00 -04:00
12
+ date: 2009-07-12 00:00:00 -06:00
13
13
  default_executable:
14
14
  dependencies:
15
15
  - !ruby/object:Gem::Dependency
16
- name: chriseppstein-compass
16
+ name: compass
17
17
  type: :runtime
18
18
  version_requirement:
19
19
  version_requirements: !ruby/object:Gem::Requirement
@@ -93,8 +93,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
93
93
  version:
94
94
  requirements: []
95
95
 
96
- rubyforge_project: compass-susy-plugin
97
- rubygems_version: 1.3.4
96
+ rubyforge_project:
97
+ rubygems_version: 1.3.5
98
98
  signing_key:
99
99
  specification_version: 3
100
100
  summary: A Compass grid system plugin.