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.
- 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.
|