compass-primary-plugin 0.0.1

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.
Files changed (38) hide show
  1. data/.gitignore +6 -0
  2. data/Gemfile +3 -0
  3. data/Rakefile +2 -0
  4. data/compass-primary-plugin.gemspec +25 -0
  5. data/lib/primary/compass_plugin.rb +5 -0
  6. data/lib/primary.rb +1 -0
  7. data/sass/primary/_helpers.sass +21 -0
  8. data/sass/primary/_primary.sass +296 -0
  9. data/templates/project/_base.sass +362 -0
  10. data/templates/project/images/primary-01.png +0 -0
  11. data/templates/project/images/primary-02.png +0 -0
  12. data/templates/project/images/primary-03.png +0 -0
  13. data/templates/project/images/primary-04.png +0 -0
  14. data/templates/project/images/primary-05.png +0 -0
  15. data/templates/project/images/primary-06.png +0 -0
  16. data/templates/project/images/primary-07.png +0 -0
  17. data/templates/project/images/primary-08.png +0 -0
  18. data/templates/project/images/primary-09.png +0 -0
  19. data/templates/project/images/primary-10.png +0 -0
  20. data/templates/project/images/primary-11.png +0 -0
  21. data/templates/project/images/primary-12.png +0 -0
  22. data/templates/project/images/primary-13.png +0 -0
  23. data/templates/project/images/primary-14.png +0 -0
  24. data/templates/project/images/primary-15.png +0 -0
  25. data/templates/project/images/primary-16.png +0 -0
  26. data/templates/project/images/primary-17.png +0 -0
  27. data/templates/project/images/primary-18.png +0 -0
  28. data/templates/project/images/primary-19.png +0 -0
  29. data/templates/project/images/primary-20.png +0 -0
  30. data/templates/project/images/primary-21.png +0 -0
  31. data/templates/project/images/primary-22.png +0 -0
  32. data/templates/project/images/primary-23.png +0 -0
  33. data/templates/project/images/primary-24.png +0 -0
  34. data/templates/project/images/primary-25.png +0 -0
  35. data/templates/project/manifest.rb +5 -0
  36. data.tar.gz.sig +2 -0
  37. metadata +120 -0
  38. metadata.gz.sig +0 -0
data/.gitignore ADDED
@@ -0,0 +1,6 @@
1
+ *~
2
+ *.gem
3
+ .bundle
4
+ Gemfile.lock
5
+ pkg/*
6
+ .redcar
data/Gemfile ADDED
@@ -0,0 +1,3 @@
1
+ source :rubygems
2
+
3
+ gemspec
data/Rakefile ADDED
@@ -0,0 +1,2 @@
1
+ require 'bundler'
2
+ Bundler::GemHelper.install_tasks
@@ -0,0 +1,25 @@
1
+ # -*- encoding: utf-8 -*-
2
+ $:.push File.expand_path('../lib', __FILE__)
3
+
4
+ Gem::Specification.new do |s|
5
+ s.name = 'compass-primary-plugin'
6
+ s.version = '0.0.1'
7
+ s.platform = Gem::Platform::RUBY
8
+ s.authors = ['Raving Genius']
9
+ s.email = ['rg+code@ravinggenius.com']
10
+ s.homepage = ''
11
+ s.summary = %q{Collection of mixins inspired by / based on PrimaryCSS (http://primarycss.com/)}
12
+ #s.description = %q{TODO: Write a gem description}
13
+
14
+ s.rubyforge_project = 'compass-primary-plugin'
15
+
16
+ s.files = `git ls-files`.split("\n")
17
+ s.test_files = `git ls-files -- {test,spec,features}/*`.split("\n")
18
+ s.executables = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
19
+ s.require_paths = ['lib']
20
+
21
+ s.signing_key = '/home/thomas/Code/___/certificates/gem-private_key.pem'
22
+ s.cert_chain = [
23
+ '/home/thomas/Code/___/certificates/gem-public_cert.pem'
24
+ ]
25
+ end
@@ -0,0 +1,5 @@
1
+ options = Hash.new
2
+ options[:stylesheets_directory] = File.expand_path(File.join(File.dirname(__FILE__), '..', '..', 'sass'))
3
+ options[:templates_directory] = File.expand_path(File.join(File.dirname(__FILE__), '..', '..', 'templates'))
4
+
5
+ Compass::Frameworks.register('primary', options)
data/lib/primary.rb ADDED
@@ -0,0 +1 @@
1
+ require File.join(File.dirname(__FILE__), 'primary', 'compass_plugin')
@@ -0,0 +1,21 @@
1
+ @mixin primary-header($columns: $primary-column-count)
2
+ #{$primary-selector-header}
3
+ @include primary-column($columns)
4
+
5
+ @mixin primary-footer($columns: $primary-column-count)
6
+ #{$primary-selector-footer}
7
+ @include primary-column($columns)
8
+ float: left
9
+
10
+ @mixin primary-column($count: 1)
11
+ @if $count == full
12
+ $count: $primary-column-count
13
+ @else if $count == half
14
+ $count: $primary-column-count / 2
15
+ @else if $count == third
16
+ $count: $primary-column-count / 3
17
+ @else if $count == fourth
18
+ $count: $primary-column-count / 4
19
+ margin: 0 $primary-column-margin
20
+ padding: 0 $primary-column-padding
21
+ width: ($primary-column-width * $count) - ($primary-column-margin * 2) - ($primary-column-padding * 2)
@@ -0,0 +1,296 @@
1
+ // Adapted from http://www.primarycss.com/
2
+
3
+ @include helpers
4
+
5
+ $primary-selector-header: header !default
6
+ $primary-selector-primary: '#primary' !default
7
+ $primary-selector-secondary: '#secondary' !default
8
+ $primary-selector-tertiary: '#tertiary' !default
9
+ $primary-selector-quaternary: '#quaternary' !default
10
+ $primary-selector-quinary: '#quinary' !default
11
+ $primary-selector-footer: footer !default
12
+
13
+ $primary-column-margin: 1% !default
14
+ $primary-column-padding: 1% !default
15
+ $primary-column-count: 10 !default
16
+ $primary-column-total-width: 100% !default
17
+ $primary-column-width: $primary-column-total-width / $primary-column-count
18
+
19
+ @mixin primary-layout-one($include-header: true, $include-footer: false)
20
+ >
21
+ @if $include-header
22
+ @include primary-header
23
+ #{$primary-selector-primary}
24
+ @include primary-column(full)
25
+ @if $include-footer
26
+ @include primary-footer
27
+
28
+ @mixin primary-layout-two($include-header: true, $include-footer: false, $columns-primary: $primary-column-count / 2, $columns-secondary: $primary-column-count - $columns-primary)
29
+ >
30
+ @if $include-header
31
+ @include primary-header
32
+ #{$primary-selector-primary},
33
+ #{$primary-selector-secondary}
34
+ float: left
35
+ #{$primary-selector-primary}
36
+ @include primary-column($columns-primary)
37
+ #{$primary-selector-secondary}
38
+ @include primary-column($columns-secondary)
39
+ @if $include-footer
40
+ @include primary-footer
41
+
42
+ @mixin primary-layout-three($include-header: true, $include-footer: false, $columns-primary: $primary-column-count / 3, $columns-secondary: $primary-column-count - ($columns-primary * 2), $columns-tertiary: $columns-primary)
43
+ >
44
+ @if $include-header
45
+ @include primary-header
46
+ #{$primary-selector-primary},
47
+ #{$primary-selector-secondary},
48
+ #{$primary-selector-tertiary}
49
+ float: left
50
+ #{$primary-selector-primary}
51
+ @include primary-column($columns-primary)
52
+ #{$primary-selector-secondary}
53
+ @include primary-column($columns-secondary)
54
+ #{$primary-selector-tertiary}
55
+ @include primary-column($columns-tertiary)
56
+ @if $include-footer
57
+ @include primary-footer
58
+
59
+ @mixin primary-layout-three-alternate($header-height, $columns-header: $primary-column-count * 0.6, $columns-primary: ($primary-column-count - $columns-header) / 2, $columns-tertiary: $primary-column-count - $columns-header - $columns-primary)
60
+ >
61
+ @include primary-header($columns-header)
62
+ #{$primary-selector-header}
63
+ height: $header-height
64
+ left: $primary-column-width * $columns-primary
65
+ position: relative
66
+ #{$primary-selector-primary},
67
+ #{$primary-selector-secondary},
68
+ #{$primary-selector-tertiary}
69
+ float: left
70
+ #{$primary-selector-primary}
71
+ @include primary-column($columns-primary)
72
+ #{$primary-selector-secondary}
73
+ @include primary-column($columns-header)
74
+ #{$primary-selector-tertiary}
75
+ @include primary-column($columns-tertiary)
76
+ #{$primary-selector-primary},
77
+ #{$primary-selector-tertiary}
78
+ margin-top: -$header-height
79
+ min-height: $header-height + 1
80
+
81
+ @mixin primary-layout-four($include-header: true, $include-footer: false)
82
+ >
83
+ @if $include-header
84
+ @include primary-header
85
+ #{$primary-selector-primary},
86
+ #{$primary-selector-secondary},
87
+ #{$primary-selector-tertiary},
88
+ #{$primary-selector-quaternary}
89
+ @include primary-column(fourth)
90
+ float: left
91
+ @if $include-footer
92
+ @include primary-footer
93
+
94
+ @mixin primary-layout-one-one($include-header: true, $include-footer: false)
95
+ >
96
+ @if $include-header
97
+ @include primary-header
98
+ #{$primary-selector-primary},
99
+ #{$primary-selector-secondary}
100
+ @include primary-column(full)
101
+ @if $include-footer
102
+ @include primary-footer
103
+
104
+ @mixin primary-layout-one-two($include-header: true, $include-footer: false, $columns-secondary: $primary-column-count / 2, $columns-tertiary: $columns-secondary)
105
+ >
106
+ @if $include-header
107
+ @include primary-header
108
+ #{$primary-selector-primary},
109
+ #{$primary-selector-secondary},
110
+ #{$primary-selector-tertiary}
111
+ float: left
112
+ #{$primary-selector-primary}
113
+ @include primary-column(full)
114
+ #{$primary-selector-secondary}
115
+ @include primary-column($columns-secondary)
116
+ #{$primary-selector-tertiary}
117
+ @include primary-column($columns-tertiary)
118
+ @if $include-footer
119
+ @include primary-footer
120
+
121
+ @mixin primary-layout-one-three($include-header: true, $include-footer: false, $columns-secondary: $primary-column-count / 3, $columns-tertiary: $primary-column-count - ($columns-secondary * 2), $columns-quaternary: $columns-secondary)
122
+ >
123
+ @if $include-header
124
+ @include primary-header
125
+ #{$primary-selector-primary},
126
+ #{$primary-selector-secondary},
127
+ #{$primary-selector-tertiary},
128
+ #{$primary-selector-quaternary}
129
+ float: left
130
+ #{$primary-selector-primary}
131
+ @include primary-column(full)
132
+ #{$primary-selector-secondary}
133
+ @include primary-column($columns-secondary)
134
+ #{$primary-selector-tertiary}
135
+ @include primary-column($columns-tertiary)
136
+ #{$primary-selector-quaternary}
137
+ @include primary-column($columns-quaternary)
138
+ @if $include-footer
139
+ @include primary-footer
140
+
141
+ @mixin primary-layout-two-one($include-header: true, $include-footer: false, $columns-primary: $primary-column-count / 2, $columns-secondary: $primary-column-count - $columns-primary)
142
+ >
143
+ @if $include-header
144
+ @include primary-header
145
+ #{$primary-selector-primary},
146
+ #{$primary-selector-secondary},
147
+ #{$primary-selector-tertiary}
148
+ float: left
149
+ #{$primary-selector-primary}
150
+ @include primary-column($columns-primary)
151
+ #{$primary-selector-secondary}
152
+ @include primary-column($columns-secondary)
153
+ #{$primary-selector-tertiary}
154
+ @include primary-column(full)
155
+ @if $include-footer
156
+ @include primary-footer
157
+
158
+ @mixin primary-layout-two-two($include-header: true, $include-footer: false)
159
+ >
160
+ @if $include-header
161
+ @include primary-header
162
+ #{$primary-selector-primary},
163
+ #{$primary-selector-secondary},
164
+ #{$primary-selector-tertiary},
165
+ #{$primary-selector-quaternary}
166
+ float: left
167
+ @include primary-column(half)
168
+ @if $include-footer
169
+ @include primary-footer
170
+
171
+ @mixin primary-layout-three-one($include-header: true, $include-footer: false, $columns-primary: $primary-column-count / 3, $columns-secondary: $primary-column-count - ($columns-primary * 2), $columns-tertiary: $columns-primary)
172
+ >
173
+ @if $include-header
174
+ @include primary-header
175
+ #{$primary-selector-primary},
176
+ #{$primary-selector-secondary},
177
+ #{$primary-selector-tertiary},
178
+ #{$primary-selector-quaternary}
179
+ float: left
180
+ #{$primary-selector-primary}
181
+ @include primary-column($columns-primary)
182
+ #{$primary-selector-secondary}
183
+ @include primary-column($columns-secondary)
184
+ #{$primary-selector-tertiary}
185
+ @include primary-column($columns-tertiary)
186
+ #{$primary-selector-quaternary}
187
+ @include primary-column(full)
188
+ @if $include-footer
189
+ @include primary-footer
190
+
191
+ @mixin primary-layout-three-two($include-header: true, $include-footer: false, $columns-primary: $primary-column-count / 3, $columns-secondary: $primary-column-count - ($columns-primary * 2), $columns-tertiary: $columns-primary, $columns-quaternary: $primary-column-count / 2, $columns-quinary: $primary-column-count - $columns-quaternary)
192
+ >
193
+ @if $include-header
194
+ @include primary-header
195
+ #{$primary-selector-primary},
196
+ #{$primary-selector-secondary},
197
+ #{$primary-selector-tertiary},
198
+ #{$primary-selector-quaternary},
199
+ #{$primary-selector-quinary}
200
+ float: left
201
+ #{$primary-selector-primary}
202
+ @include primary-column($columns-primary)
203
+ #{$primary-selector-secondary}
204
+ @include primary-column($columns-secondary)
205
+ #{$primary-selector-tertiary}
206
+ @include primary-column($columns-tertiary)
207
+ #{$primary-selector-quaternary}
208
+ @include primary-column($columns-quaternary)
209
+ #{$primary-selector-quinary}
210
+ @include primary-column($columns-quinary)
211
+ @if $include-footer
212
+ @include primary-footer
213
+
214
+ @mixin primary-layout-full-half-half($min-height-full, $include-header: true, $include-footer: false, $columns-full: $primary-column-count / 2, $columns-half: $primary-column-count - $columns-full)
215
+ >
216
+ @if $include-header
217
+ @include primary-header
218
+ #{$primary-selector-primary},
219
+ #{$primary-selector-secondary},
220
+ #{$primary-selector-tertiary}
221
+ float: left
222
+ #{$primary-selector-primary}
223
+ @include primary-column($columns-full)
224
+ min-height: $min-height-full
225
+ #{$primary-selector-secondary},
226
+ #{$primary-selector-tertiary}
227
+ @include primary-column($columns-half)
228
+ min-height: $min-height-full / 2
229
+ @if $include-footer
230
+ @include primary-footer
231
+
232
+ // FIXME
233
+ @mixin primary-layout-half-half-full($min-height-full, $include-header: true, $include-footer: false, $columns-full: $primary-column-count / 2, $columns-half: $primary-column-count - $columns-full)
234
+ >
235
+ @include primary-header
236
+ #{$primary-selector-primary},
237
+ #{$primary-selector-secondary}
238
+ @include primary-column($columns-half)
239
+ float: left
240
+ min-height: $min-height-full / 2
241
+ #{$primary-selector-secondary}
242
+ left: -50%
243
+ position: relative
244
+ top: $min-height-full / 2
245
+ #{$primary-selector-tertiary}
246
+ @include primary-column($columns-full)
247
+ float: right
248
+ min-height: $min-height-full
249
+ position: relative
250
+ top: -200px
251
+ @if $include-footer
252
+ @include primary-footer
253
+
254
+ @mixin primary-layout-full-full-half-half($min-height-full, $include-header: true, $include-footer: false, $columns-full: $primary-column-count / 4, $columns-half: $primary-column-count - ($columns-full * 2))
255
+ >
256
+ @if $include-header
257
+ @include primary-header
258
+ #{$primary-selector-primary},
259
+ #{$primary-selector-secondary},
260
+ #{$primary-selector-tertiary},
261
+ #{$primary-selector-quaternary}
262
+ float: left
263
+ #{$primary-selector-primary},
264
+ #{$primary-selector-secondary}
265
+ @include primary-column($columns-full)
266
+ min-height: $min-height-full
267
+ #{$primary-selector-tertiary},
268
+ #{$primary-selector-quaternary}
269
+ @include primary-column($columns-half)
270
+ min-height: $min-height-full / 2
271
+ @if $include-footer
272
+ @include primary-footer
273
+
274
+ // FIXME
275
+ @mixin primary-layout-half-half-full-full($min-height-full, $include-header: true, $include-footer: false, $columns-full: $primary-column-count / 4, $columns-half: $primary-column-count - ($columns-full * 2))
276
+ >
277
+ @if $include-header
278
+ @include primary-header
279
+ #{$primary-selector-primary},
280
+ #{$primary-selector-secondary}
281
+ @include primary-column($columns-half)
282
+ float: left
283
+ min-height: $min-height-full / 2
284
+ #{$primary-selector-secondary}
285
+ left: -50%
286
+ position: relative
287
+ top: $min-height-full / 2
288
+ #{$primary-selector-tertiary},
289
+ #{$primary-selector-quaternary}
290
+ @include primary-column($columns-full)
291
+ float: right
292
+ min-height: $min-height-full
293
+ position: relative
294
+ top: -200px
295
+ @if $include-footer
296
+ @include primary-footer
@@ -0,0 +1,362 @@
1
+ //
2
+ The following variables are used by Primary
3
+ $primary-selector-header: header
4
+ $primary-selector-primary: '#primary'
5
+ $primary-selector-secondary: '#secondary'
6
+ $primary-selector-tertiary: '#tertiary'
7
+ $primary-selector-quaternary: '#quaternary'
8
+ $primary-selector-quinary: '#quinary'
9
+ $primary-selector-footer: footer
10
+ $primary-column-margin: 1%
11
+ $primary-column-padding: 1%
12
+ $primary-column-count: 10
13
+ $primary-column-total-width: 100%
14
+
15
+ $primary-column-margin: 5px
16
+ $primary-column-padding: 5px
17
+ $primary-column-total-width: 960px
18
+
19
+ @import primary/primary
20
+ @import compass/reset
21
+
22
+ @include reset-html5
23
+
24
+ .disabled
25
+ display: none
26
+ height: 0
27
+ width: 0
28
+
29
+ #{$primary-selector-header}
30
+ background-color: #FFFF00
31
+ #{$primary-selector-primary}
32
+ background-color: #FF0000
33
+ #{$primary-selector-secondary}
34
+ background-color: #00FF00
35
+ #{$primary-selector-tertiary}
36
+ background-color: #0000FF
37
+ #{$primary-selector-quaternary}
38
+ background-color: #FF00FF
39
+ #{$primary-selector-quinary}
40
+ background-color: #00FFFF
41
+ #{$primary-selector-footer}
42
+ background-color: #DDDDDD
43
+
44
+ body
45
+ margin: 0 auto
46
+ width: 960px
47
+
48
+ &.primary-01
49
+ @include primary-layout-three(false)
50
+ #{$primary-selector-primary},
51
+ #{$primary-selector-secondary},
52
+ #{$primary-selector-tertiary}
53
+ height: 400px
54
+ #{$primary-selector-header},
55
+ #{$primary-selector-quaternary},
56
+ #{$primary-selector-quinary},
57
+ #{$primary-selector-footer}
58
+ @extend .disabled
59
+
60
+ &.primary-02
61
+ @include primary-layout-three(true, false, 2, 6)
62
+ #{$primary-selector-header}
63
+ height: 150px
64
+ #{$primary-selector-primary},
65
+ #{$primary-selector-secondary},
66
+ #{$primary-selector-tertiary}
67
+ height: 400px
68
+ #{$primary-selector-quaternary},
69
+ #{$primary-selector-quinary},
70
+ #{$primary-selector-footer}
71
+ @extend .disabled
72
+
73
+ &.primary-03
74
+ @include primary-layout-three
75
+ #{$primary-selector-header}
76
+ height: 150px
77
+ #{$primary-selector-primary},
78
+ #{$primary-selector-secondary},
79
+ #{$primary-selector-tertiary}
80
+ height: 400px
81
+ #{$primary-selector-quaternary},
82
+ #{$primary-selector-quinary},
83
+ #{$primary-selector-footer}
84
+ @extend .disabled
85
+
86
+ &.primary-04
87
+ @include primary-layout-four
88
+ #{$primary-selector-header}
89
+ height: 150px
90
+ #{$primary-selector-primary},
91
+ #{$primary-selector-secondary},
92
+ #{$primary-selector-tertiary},
93
+ #{$primary-selector-quaternary}
94
+ height: 400px
95
+ #{$primary-selector-quinary},
96
+ #{$primary-selector-footer}
97
+ @extend .disabled
98
+
99
+ &.primary-05
100
+ @include primary-layout-two(true, false, 3)
101
+ #{$primary-selector-header}
102
+ height: 150px
103
+ #{$primary-selector-primary},
104
+ #{$primary-selector-secondary}
105
+ height: 400px
106
+ #{$primary-selector-tertiary},
107
+ #{$primary-selector-quaternary},
108
+ #{$primary-selector-quinary},
109
+ #{$primary-selector-footer}
110
+ @extend .disabled
111
+
112
+ &.primary-06
113
+ @include primary-layout-two(true, false, 7)
114
+ #{$primary-selector-header}
115
+ height: 150px
116
+ #{$primary-selector-primary},
117
+ #{$primary-selector-secondary}
118
+ height: 400px
119
+ #{$primary-selector-tertiary},
120
+ #{$primary-selector-quaternary},
121
+ #{$primary-selector-quinary},
122
+ #{$primary-selector-footer}
123
+ @extend .disabled
124
+
125
+ &.primary-07
126
+ @include primary-layout-three(true, false, 2, 2, 6)
127
+ #{$primary-selector-header}
128
+ height: 150px
129
+ #{$primary-selector-primary},
130
+ #{$primary-selector-secondary},
131
+ #{$primary-selector-tertiary}
132
+ height: 400px
133
+ #{$primary-selector-quaternary},
134
+ #{$primary-selector-quinary},
135
+ #{$primary-selector-footer}
136
+ @extend .disabled
137
+
138
+ &.primary-08
139
+ @include primary-layout-three(true, false, 6, 2, 2)
140
+ #{$primary-selector-header}
141
+ height: 150px
142
+ #{$primary-selector-primary},
143
+ #{$primary-selector-secondary},
144
+ #{$primary-selector-tertiary}
145
+ height: 400px
146
+ #{$primary-selector-quaternary},
147
+ #{$primary-selector-quinary},
148
+ #{$primary-selector-footer}
149
+ @extend .disabled
150
+
151
+ &.primary-09
152
+ @include primary-layout-one(true, true)
153
+ #{$primary-selector-header}
154
+ height: 150px
155
+ #{$primary-selector-primary}
156
+ height: 400px
157
+ #{$primary-selector-footer}
158
+ height: 100px
159
+ #{$primary-selector-secondary},
160
+ #{$primary-selector-tertiary},
161
+ #{$primary-selector-quaternary},
162
+ #{$primary-selector-quinary}
163
+ @extend .disabled
164
+
165
+ &.primary-10
166
+ @include primary-layout-one-one(true, true)
167
+ #{$primary-selector-header}
168
+ height: 150px
169
+ #{$primary-selector-primary}
170
+ height: 100px
171
+ #{$primary-selector-secondary}
172
+ height: 300px
173
+ #{$primary-selector-footer}
174
+ height: 100px
175
+ #{$primary-selector-tertiary},
176
+ #{$primary-selector-quaternary},
177
+ #{$primary-selector-quinary}
178
+ @extend .disabled
179
+
180
+ &.primary-11
181
+ @include primary-layout-two
182
+ #{$primary-selector-header}
183
+ height: 150px
184
+ #{$primary-selector-primary},
185
+ #{$primary-selector-secondary}
186
+ height: 400px
187
+ #{$primary-selector-tertiary},
188
+ #{$primary-selector-quaternary},
189
+ #{$primary-selector-quinary},
190
+ #{$primary-selector-footer}
191
+ @extend .disabled
192
+
193
+ &.primary-12
194
+ @include primary-layout-full-half-half(400px)
195
+ #{$primary-selector-header}
196
+ height: 150px
197
+ #{$primary-selector-quaternary},
198
+ #{$primary-selector-quinary},
199
+ #{$primary-selector-footer}
200
+ @extend .disabled
201
+
202
+ &.primary-13
203
+ @include primary-layout-half-half-full(400px)
204
+ #{$primary-selector-header}
205
+ height: 150px
206
+ #{$primary-selector-quaternary},
207
+ #{$primary-selector-quinary},
208
+ #{$primary-selector-footer}
209
+ @extend .disabled
210
+
211
+ &.primary-14
212
+ @include primary-layout-full-full-half-half(400px)
213
+ #{$primary-selector-header}
214
+ height: 150px
215
+ #{$primary-selector-quinary},
216
+ #{$primary-selector-footer}
217
+ @extend .disabled
218
+
219
+ &.primary-15
220
+ @include primary-layout-half-half-full-full(400px)
221
+ #{$primary-selector-header}
222
+ height: 150px
223
+ #{$primary-selector-quinary},
224
+ #{$primary-selector-footer}
225
+ @extend .disabled
226
+
227
+ &.primary-16
228
+ @include primary-layout-two-two
229
+ #{$primary-selector-header}
230
+ height: 150px
231
+ #{$primary-selector-primary},
232
+ #{$primary-selector-secondary},
233
+ #{$primary-selector-tertiary},
234
+ #{$primary-selector-quaternary}
235
+ height: 400px
236
+ #{$primary-selector-quinary},
237
+ #{$primary-selector-footer}
238
+ @extend .disabled
239
+
240
+ &.primary-17
241
+ @include primary-layout-three-alternate(150px)
242
+ #{$primary-selector-primary},
243
+ #{$primary-selector-tertiary}
244
+ height: 600px
245
+ #{$primary-selector-secondary}
246
+ height: 450px
247
+ #{$primary-selector-quaternary},
248
+ #{$primary-selector-quinary},
249
+ #{$primary-selector-footer}
250
+ @extend .disabled
251
+
252
+ &.primary-18
253
+ @include primary-layout-one-three
254
+ #{$primary-selector-header}
255
+ height: 150px
256
+ #{$primary-selector-primary}
257
+ height: 100px
258
+ #{$primary-selector-secondary},
259
+ #{$primary-selector-tertiary},
260
+ #{$primary-selector-quaternary}
261
+ height: 300px
262
+ #{$primary-selector-quinary},
263
+ #{$primary-selector-footer}
264
+ @extend .disabled
265
+
266
+ &.primary-19
267
+ @include primary-layout-two-one(true, true, 3, 7)
268
+ #{$primary-selector-header}
269
+ height: 150px
270
+ #{$primary-selector-primary},
271
+ #{$primary-selector-secondary}
272
+ height: 100px
273
+ #{$primary-selector-tertiary}
274
+ height: 300px
275
+ #{$primary-selector-footer}
276
+ height: 100px
277
+ #{$primary-selector-quaternary},
278
+ #{$primary-selector-quinary}
279
+ @extend .disabled
280
+
281
+ &.primary-20
282
+ @include primary-layout-two-one(true, true, 7, 3)
283
+ #{$primary-selector-header}
284
+ height: 150px
285
+ #{$primary-selector-primary},
286
+ #{$primary-selector-secondary}
287
+ height: 100px
288
+ #{$primary-selector-tertiary}
289
+ height: 300px
290
+ #{$primary-selector-footer}
291
+ height: 100px
292
+ #{$primary-selector-quaternary},
293
+ #{$primary-selector-quinary}
294
+ @extend .disabled
295
+
296
+ &.primary-21
297
+ @include primary-layout-three-one(true, true)
298
+ #{$primary-selector-header}
299
+ height: 150px
300
+ #{$primary-selector-primary},
301
+ #{$primary-selector-secondary},
302
+ #{$primary-selector-tertiary}
303
+ height: 100px
304
+ #{$primary-selector-quaternary}
305
+ height: 300px
306
+ #{$primary-selector-footer}
307
+ height: 100px
308
+ #{$primary-selector-quinary}
309
+ @extend .disabled
310
+
311
+ &.primary-22
312
+ @include primary-layout-one-two
313
+ #{$primary-selector-header}
314
+ height: 150px
315
+ #{$primary-selector-primary}
316
+ height: 100px
317
+ #{$primary-selector-secondary},
318
+ #{$primary-selector-tertiary}
319
+ height: 300px
320
+ #{$primary-selector-quaternary},
321
+ #{$primary-selector-quinary},
322
+ #{$primary-selector-footer}
323
+ @extend .disabled
324
+
325
+ &.primary-23
326
+ @include primary-layout-three-two
327
+ #{$primary-selector-header}
328
+ height: 150px
329
+ #{$primary-selector-primary},
330
+ #{$primary-selector-secondary},
331
+ #{$primary-selector-tertiary}
332
+ height: 100px
333
+ #{$primary-selector-quaternary},
334
+ #{$primary-selector-quinary}
335
+ height: 300px
336
+ #{$primary-selector-footer}
337
+ @extend .disabled
338
+
339
+ &.primary-24
340
+ @include primary-layout-one
341
+ #{$primary-selector-header}
342
+ height: 150px
343
+ #{$primary-selector-primary}
344
+ height: 400px
345
+ #{$primary-selector-secondary},
346
+ #{$primary-selector-tertiary},
347
+ #{$primary-selector-quaternary},
348
+ #{$primary-selector-quinary},
349
+ #{$primary-selector-footer}
350
+ @extend .disabled
351
+
352
+ &.primary-25
353
+ @include primary-layout-one(false)
354
+ #{$primary-selector-primary}
355
+ height: 400px
356
+ #{$primary-selector-header},
357
+ #{$primary-selector-secondary},
358
+ #{$primary-selector-tertiary},
359
+ #{$primary-selector-quaternary},
360
+ #{$primary-selector-quinary},
361
+ #{$primary-selector-footer}
362
+ @extend .disabled
@@ -0,0 +1,5 @@
1
+ stylesheet '_base.sass'
2
+
3
+ (1..25).each { |num| image "images/primary-#{num.to_s.rjust(2, '0')}.png" }
4
+
5
+ description 'Collection of common, useful (hopefully) layouts'
data.tar.gz.sig ADDED
@@ -0,0 +1,2 @@
1
+ �&oѥ�j�^}��Y�']�L�'EOH��`��Ҫ��@�T�7!Q�G��������Ce��订�� ���(�Ѵ}�%{7w�'�fS�����ǥ ��Vѷ��.��9tϑ^��Za�{�ڮ�Ŝ�#�(��_�@��?b?j�I��9� �=wM�B|���}qb4U�ho�kI�T��xbW��w;
2
+ 6d��2T
metadata ADDED
@@ -0,0 +1,120 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: compass-primary-plugin
3
+ version: !ruby/object:Gem::Version
4
+ prerelease: false
5
+ segments:
6
+ - 0
7
+ - 0
8
+ - 1
9
+ version: 0.0.1
10
+ platform: ruby
11
+ authors:
12
+ - Raving Genius
13
+ autorequire:
14
+ bindir: bin
15
+ cert_chain:
16
+ - |
17
+ -----BEGIN CERTIFICATE-----
18
+ MIIDPjCCAiagAwIBAgIBADANBgkqhkiG9w0BAQUFADBFMRAwDgYDVQQDDAdyZ19j
19
+ b2RlMRwwGgYKCZImiZPyLGQBGRYMcmF2aW5nZ2VuaXVzMRMwEQYKCZImiZPyLGQB
20
+ GRYDY29tMB4XDTExMDEzMTAyMzI1MloXDTEyMDEzMTAyMzI1MlowRTEQMA4GA1UE
21
+ AwwHcmdfY29kZTEcMBoGCgmSJomT8ixkARkWDHJhdmluZ2dlbml1czETMBEGCgmS
22
+ JomT8ixkARkWA2NvbTCCASIwDQYJKoZIhvcNAQEBBQADggEPADCCAQoCggEBAMBt
23
+ UkaBJrNx3C6klKOoWtCEL+t+jZEdov0FU7Oos0jYceQ04u5SXYYm/t6mw4L5WvEQ
24
+ NoDaUGFQ3VS9gIKMuosMUIAOsw8pUGA4OeSkIDaj8Z1QgjYiXJTNYia1Vt0cbeOa
25
+ OCUVzDOgFb/GT3RDV3ZaOuuTCVTTeid8IwbPNseu/n5paS8HEHTla8D7L5bHFta7
26
+ p2RuKD09dvLYIwm+zrrMGHf1qN8ASq2EV9G8xwQVCXX8fPbnW62GSvbnRqoao7Mh
27
+ SQDY5GJlC/16gMMpoMdkaqVojXUeo+hQZzliVcJvqg0QjhcYxCGlyCgtTdCEWL+y
28
+ fA2XoEEHM5t8g1JWzMkCAwEAAaM5MDcwCQYDVR0TBAIwADAdBgNVHQ4EFgQU5tcW
29
+ zeGngxI/7uKRz8ZLkubhDn0wCwYDVR0PBAQDAgSwMA0GCSqGSIb3DQEBBQUAA4IB
30
+ AQCLyf/Qko0uooWPFEgkot/W4pcpkXnyYpH+5FfBN36XQcpkD6Ky5J6Wjej6ZqfA
31
+ umvfF/CK03N3S52axZLHNEunJn19NVJ871RNMViMjJH5qzp8CJcNksdVctcwztwD
32
+ /0mmYu+vTfvJ4DIg5Q7vvTdS3WriewDc3APaa3la93ZRIEwbQjJASoS0EEAr1pw0
33
+ WKoA5gx4BqPJHT0QH4LE0MQoE4XB8I/Y3xs5OUwItZL1xWpiUixKpDIqB5zKtN0m
34
+ EtSgImjQmbN559J/qAn31487zcviSWdGfNkLGT/rfVaLd6lg1VVgA5k5tG6roxiJ
35
+ CvvfejGH+Hi4YXI1pPhLJj8g
36
+ -----END CERTIFICATE-----
37
+
38
+ date: 2011-02-01 00:00:00 -05:00
39
+ default_executable:
40
+ dependencies: []
41
+
42
+ description:
43
+ email:
44
+ - rg+code@ravinggenius.com
45
+ executables: []
46
+
47
+ extensions: []
48
+
49
+ extra_rdoc_files: []
50
+
51
+ files:
52
+ - .gitignore
53
+ - Gemfile
54
+ - Rakefile
55
+ - compass-primary-plugin.gemspec
56
+ - lib/primary.rb
57
+ - lib/primary/compass_plugin.rb
58
+ - sass/primary/_helpers.sass
59
+ - sass/primary/_primary.sass
60
+ - templates/project/_base.sass
61
+ - templates/project/images/primary-01.png
62
+ - templates/project/images/primary-02.png
63
+ - templates/project/images/primary-03.png
64
+ - templates/project/images/primary-04.png
65
+ - templates/project/images/primary-05.png
66
+ - templates/project/images/primary-06.png
67
+ - templates/project/images/primary-07.png
68
+ - templates/project/images/primary-08.png
69
+ - templates/project/images/primary-09.png
70
+ - templates/project/images/primary-10.png
71
+ - templates/project/images/primary-11.png
72
+ - templates/project/images/primary-12.png
73
+ - templates/project/images/primary-13.png
74
+ - templates/project/images/primary-14.png
75
+ - templates/project/images/primary-15.png
76
+ - templates/project/images/primary-16.png
77
+ - templates/project/images/primary-17.png
78
+ - templates/project/images/primary-18.png
79
+ - templates/project/images/primary-19.png
80
+ - templates/project/images/primary-20.png
81
+ - templates/project/images/primary-21.png
82
+ - templates/project/images/primary-22.png
83
+ - templates/project/images/primary-23.png
84
+ - templates/project/images/primary-24.png
85
+ - templates/project/images/primary-25.png
86
+ - templates/project/manifest.rb
87
+ has_rdoc: true
88
+ homepage: ""
89
+ licenses: []
90
+
91
+ post_install_message:
92
+ rdoc_options: []
93
+
94
+ require_paths:
95
+ - lib
96
+ required_ruby_version: !ruby/object:Gem::Requirement
97
+ none: false
98
+ requirements:
99
+ - - ">="
100
+ - !ruby/object:Gem::Version
101
+ segments:
102
+ - 0
103
+ version: "0"
104
+ required_rubygems_version: !ruby/object:Gem::Requirement
105
+ none: false
106
+ requirements:
107
+ - - ">="
108
+ - !ruby/object:Gem::Version
109
+ segments:
110
+ - 0
111
+ version: "0"
112
+ requirements: []
113
+
114
+ rubyforge_project: compass-primary-plugin
115
+ rubygems_version: 1.3.7
116
+ signing_key:
117
+ specification_version: 3
118
+ summary: Collection of mixins inspired by / based on PrimaryCSS (http://primarycss.com/)
119
+ test_files: []
120
+
metadata.gz.sig ADDED
Binary file