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.
- data/README.mkdn +2 -3
- data/Rakefile +1 -1
- data/VERSION +1 -1
- data/compass-susy-plugin.gemspec +4 -5
- data/sass/susy/_grid.sass +5 -2
- data/sass/susy/_text.sass +3 -10
- data/templates/project/_base.sass +73 -20
- metadata +5 -5
data/README.mkdn
CHANGED
@@ -18,9 +18,8 @@ easily - and always in flexible percentages.
|
|
18
18
|
Install
|
19
19
|
=======
|
20
20
|
|
21
|
-
sudo gem sources --add http://
|
22
|
-
sudo gem install
|
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
data/VERSION
CHANGED
@@ -1 +1 @@
|
|
1
|
-
0.6.
|
1
|
+
0.6.3
|
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.6.
|
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<
|
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<
|
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<
|
32
|
+
s.add_dependency(%q<compass>, [">= 0"])
|
34
33
|
s.add_dependency(%q<echoe>, [">= 0"])
|
35
34
|
end
|
36
35
|
end
|
data/sass/susy/_grid.sass
CHANGED
@@ -3,7 +3,7 @@
|
|
3
3
|
//**
|
4
4
|
Your basic units for the grid
|
5
5
|
!grid_unit ||= "em"
|
6
|
-
!total_cols ||=
|
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
|
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
|
data/sass/susy/_text.sass
CHANGED
@@ -2,8 +2,8 @@
|
|
2
2
|
|
3
3
|
//**
|
4
4
|
You set the font and line heights in pixels
|
5
|
-
!base_font_size_px ||=
|
6
|
-
!base_line_height_px ||=
|
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)
|
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 =
|
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 =
|
32
|
-
// !base_line_height_px =
|
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
|
-
!
|
41
|
-
!
|
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
|
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
|
-
|
121
|
+
legend + label
|
122
|
+
:margin-top 0
|
80
123
|
|
81
|
-
input
|
82
|
-
|
83
|
-
|
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
|
-
|
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.
|
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 -
|
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:
|
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:
|
97
|
-
rubygems_version: 1.3.
|
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.
|