compass-susy-plugin 0.6.2 → 0.6.3

Sign up to get free protection for your applications and to get access to all the features.
@@ -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.