flutie 1.2.5 → 1.3.0

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/Gemfile CHANGED
@@ -1,12 +1,9 @@
1
1
  source "http://rubygems.org"
2
+ gemspec
2
3
 
3
- gem "rails", "3.0.10"
4
+ gem "appraisal"
5
+ gem "rspec-rails"
4
6
  gem "capybara", ">= 0.4.0"
5
7
  gem "sqlite3"
6
-
7
- gem "rspec-rails", ">= 2.0.0.beta"
8
- gem "mocha"
9
-
10
- # To use debugger (ruby-debug for Ruby 1.8.7+, ruby-debug19 for Ruby 1.9.2+)
11
- # gem 'ruby-debug'
12
- # gem 'ruby-debug19'
8
+ gem "sass"
9
+ gem "mocha"
data/README.md CHANGED
@@ -78,10 +78,10 @@ Please see CONTRIBUTING.md for details.
78
78
  Development
79
79
  -----------
80
80
 
81
- The actual stylesheet source files are sass, so edit the files in app/assets/stylesheets/sass/flutie.
82
- To rebuild the normal scss run:
81
+ The actual stylesheet source files are sass, so edit the files in app/assets/stylesheets/.
82
+ To rebuild the static flutie.css file, you can run:
83
83
 
84
- sass -C --update app/assets/stylesheets/sass/flutie:app/assets/stylesheets
84
+ sass --update app/assets/stylesheets/flutie.scss:public/stylesheets/flutie.css
85
85
 
86
86
  You can run a server which will allow you to view the flutie styleguide locally:
87
87
 
data/Rakefile CHANGED
@@ -8,13 +8,19 @@ end
8
8
 
9
9
  require 'rake'
10
10
  require 'rdoc/task'
11
+ require 'appraisal'
11
12
 
12
13
  require 'rspec/core'
13
14
  require 'rspec/core/rake_task'
14
-
15
15
  RSpec::Core::RakeTask.new(:spec)
16
16
 
17
- task :default => :spec
17
+ desc "Default: run the unit tests."
18
+ task :default => [:all]
19
+
20
+ desc 'Test the plugin under all supported Rails versions.'
21
+ task :all => ["appraisal:install"] do |t|
22
+ exec('rake appraisal spec')
23
+ end
18
24
 
19
25
  Rake::RDocTask.new(:rdoc) do |rdoc|
20
26
  rdoc.rdoc_dir = 'rdoc'
@@ -9,52 +9,6 @@ h1, h2, h3, h4, h5, h6 {
9
9
  font-family: "helvetica neue", Helvetica, arial, sans-serif;
10
10
  }
11
11
 
12
- /* Success, error & notice boxes for messages and errors. */
13
- div.error, div.notice, div.success,
14
- #flash_failure, #flash_success, #flash_notice {
15
- border: 1px solid #ddd;
16
- -moz-border-radius: 8px;
17
- -webkit-border-radius: 8px;
18
- border-radius: 8px;
19
- margin-bottom: 12px;
20
- padding: 10px;
21
- }
22
-
23
- div.error,
24
- #flash_failure {
25
- background: #FBE3E4;
26
- border-color: #FBC2C4;
27
- color: #D12F19;
28
- }
29
-
30
- div.error a,
31
- #flash_failure a {
32
- color: #D12F19;
33
- }
34
-
35
- div.notice,
36
- #flash_notice {
37
- background: #FFF6BF;
38
- border-color: #FFD324;
39
- color: #817134;
40
- }
41
-
42
- div.notice a,
43
- #flash_notice a {
44
- color: #817134;
45
- }
46
-
47
- div.success,
48
- #flash_success {
49
- background: #E6EFC2;
50
- border-color: #C6D880;
51
- color: #529214;
52
- }
53
-
54
- div.success a,
55
- #flash_success a {
56
- color: #529214;
57
- }
58
12
 
59
13
  /* Misc classes and elements */
60
14
  /* Use a .box to create a padded box inside a column. */
@@ -92,14 +46,14 @@ hr.space {
92
46
  }
93
47
 
94
48
  /* Hide for both screenreaders and browsers
95
- css-discuss.incutio.com/wiki/Screenreader_Visibility */
49
+ css-discuss.incutio.com/wiki/Screenreader_Visibility */
96
50
  .hidden {
97
51
  display: none;
98
52
  visibility: hidden;
99
53
  }
100
54
 
101
55
  /* Hide only visually, but have it available for screenreaders
102
- www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
56
+ www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
103
57
  .visuallyhidden {
104
58
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
105
59
  clip: rect(1px, 1px, 1px, 1px);
@@ -112,8 +66,7 @@ hr.space {
112
66
  }
113
67
 
114
68
  /* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
115
- .clearfix:before,
116
- .clearfix:after {
69
+ .clearfix:before, .clearfix:after {
117
70
  content: "\0020";
118
71
  display: block;
119
72
  height: 0;
@@ -0,0 +1,39 @@
1
+ /* Success, error & notice boxes for messages and errors. */
2
+ div.error, div.notice, div.success, #flash_failure, #flash_success, #flash_notice {
3
+ border: 1px solid #ddd;
4
+ -moz-border-radius: 8px;
5
+ -webkit-border-radius: 8px;
6
+ border-radius: 8px;
7
+ margin-bottom: 12px;
8
+ padding: 10px;
9
+ }
10
+
11
+ div.error, #flash_failure {
12
+ background: #FBE3E4;
13
+ border-color: #FBC2C4;
14
+ color: #D12F19;
15
+ }
16
+
17
+ div.error a, #flash_failure a {
18
+ color: #D12F19;
19
+ }
20
+
21
+ div.notice, #flash_notice {
22
+ background: #FFF6BF;
23
+ border-color: #FFD324;
24
+ color: #817134;
25
+ }
26
+
27
+ div.notice a, #flash_notice a {
28
+ color: #817134;
29
+ }
30
+
31
+ div.success, #flash_success {
32
+ background: #E6EFC2;
33
+ border-color: #C6D880;
34
+ color: #529214;
35
+ }
36
+
37
+ div.success a, #flash_success a {
38
+ color: #529214;
39
+ }
@@ -1,9 +1,9 @@
1
1
  /* Forms */
2
2
 
3
3
  /*
4
- * Remove inner padding and border in FF3/4
5
- * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
6
- */
4
+ * Remove inner padding and border in FF3/4
5
+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
6
+ */
7
7
  input[type="submit"]::-moz-focus-inner {
8
8
  border: 0;
9
9
  padding: 0;
@@ -78,8 +78,7 @@ fieldset {
78
78
  padding: 16px 16px 12px 16px;
79
79
  }
80
80
 
81
- fieldset fieldset,
82
- fieldset fieldset fieldset {
81
+ fieldset fieldset, fieldset fieldset fieldset {
83
82
  border: 0;
84
83
  padding: 0;
85
84
  }
@@ -181,15 +180,11 @@ optgroup {
181
180
  }
182
181
 
183
182
  /* Date & Time */
184
- form ol li.date select,
185
- form ol li.time select,
186
- form ol li.datetime select {
183
+ form ol li.date select, form ol li.time select, form ol li.datetime select {
187
184
  display: inline;
188
185
  width: auto;
189
186
  }
190
187
 
191
- form ol li.date ol li,
192
- form ol li.time ol li,
193
- form ol li.datetime ol li {
188
+ form ol li.date ol li, form ol li.time ol li, form ol li.datetime ol li {
194
189
  display: inline-block;
195
190
  }
@@ -6,18 +6,12 @@ Author: Richard Clark - http://richclarkdesign.com
6
6
  Twitter: @rich_clark
7
7
  */
8
8
 
9
- html, body, div, span, object, iframe,
10
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
11
- abbr, address, cite, code,
12
- del, dfn, em, img, ins, kbd, q, samp,
13
- small, strong, sub, sup, var,
14
- b, i,
15
- dl, dt, dd, ol, ul, li,
16
- fieldset, form, label, legend,
17
- table, caption, tbody, tfoot, thead, tr, th, td,
18
- article, aside, canvas, details, figcaption, figure,
19
- footer, header, hgroup, menu, nav, section, summary,
20
- time, mark, audio, video {
9
+ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
10
+ pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,
11
+ strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label,
12
+ legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas,
13
+ details, figcaption, figure, footer, header, hgroup, menu, nav, section,
14
+ summary, time, mark, audio, video {
21
15
  margin:0;
22
16
  padding:0;
23
17
  border:0;
@@ -31,8 +25,8 @@ body {
31
25
  line-height:1;
32
26
  }
33
27
 
34
- article,aside,details,figcaption,figure,
35
- footer,header,hgroup,menu,nav,section {
28
+ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
29
+ section {
36
30
  display:block;
37
31
  }
38
32
 
@@ -44,8 +38,7 @@ blockquote, q {
44
38
  quotes:none;
45
39
  }
46
40
 
47
- blockquote:before, blockquote:after,
48
- q:before, q:after {
41
+ blockquote:before, blockquote:after, q:before, q:after {
49
42
  content:'';
50
43
  content:none;
51
44
  }
@@ -79,8 +79,7 @@ a:hover {
79
79
  color: #052246;
80
80
  }
81
81
 
82
- a:active,
83
- a:focus {
82
+ a:active, a:focus {
84
83
  color: #1a4882;
85
84
  }
86
85
 
@@ -0,0 +1,7 @@
1
+ @import 'reset';
2
+ @import 'defaults';
3
+ @import 'flashes';
4
+ @import 'type';
5
+ @import 'forms';
6
+ @import 'tables';
7
+ @import 'lists';
@@ -16,7 +16,10 @@ namespace :flutie do
16
16
  puts "Flutie stylesheets are provided via asset pipelining."
17
17
  else
18
18
  # Copy the flutie stylesheets into rails_root/public/flutie
19
- copy_files("../../app/assets/stylesheets", "/public/flutie", directory)
19
+ copy_files("../../public/stylesheets", "/public/flutie", directory)
20
+
21
+ # Copy the flutie sass stylesheets into rails_root/public/sass/flutie
22
+ copy_files("../../app/assets/stylesheets", "/public/sass/flutie", directory)
20
23
  end
21
24
  end
22
25
  end
@@ -5,18 +5,12 @@ Last Updated: 2010-09-17
5
5
  Author: Richard Clark - http://richclarkdesign.com
6
6
  Twitter: @rich_clark
7
7
  */
8
- html, body, div, span, object, iframe,
9
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
10
- abbr, address, cite, code,
11
- del, dfn, em, img, ins, kbd, q, samp,
12
- small, strong, sub, sup, var,
13
- b, i,
14
- dl, dt, dd, ol, ul, li,
15
- fieldset, form, label, legend,
16
- table, caption, tbody, tfoot, thead, tr, th, td,
17
- article, aside, canvas, details, figcaption, figure,
18
- footer, header, hgroup, menu, nav, section, summary,
19
- time, mark, audio, video {
8
+ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
9
+ pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,
10
+ strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
11
+ legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
12
+ details, figcaption, figure, footer, header, hgroup, menu, nav, section,
13
+ summary, time, mark, audio, video {
20
14
  margin: 0;
21
15
  padding: 0;
22
16
  border: 0;
@@ -28,8 +22,8 @@ time, mark, audio, video {
28
22
  body {
29
23
  line-height: 1; }
30
24
 
31
- article, aside, details, figcaption, figure,
32
- footer, header, hgroup, menu, nav, section {
25
+ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
26
+ section {
33
27
  display: block; }
34
28
 
35
29
  nav ul {
@@ -38,8 +32,7 @@ nav ul {
38
32
  blockquote, q {
39
33
  quotes: none; }
40
34
 
41
- blockquote:before, blockquote:after,
42
- q:before, q:after {
35
+ blockquote:before, blockquote:after, q:before, q:after {
43
36
  content: '';
44
37
  content: none; }
45
38
 
@@ -95,46 +88,6 @@ h1, h2, h3, h4, h5, h6 {
95
88
  color: #111;
96
89
  font-family: "helvetica neue", Helvetica, arial, sans-serif; }
97
90
 
98
- /* Success, error & notice boxes for messages and errors. */
99
- div.error, div.notice, div.success,
100
- #flash_failure, #flash_success, #flash_notice {
101
- border: 1px solid #ddd;
102
- -moz-border-radius: 8px;
103
- -webkit-border-radius: 8px;
104
- border-radius: 8px;
105
- margin-bottom: 12px;
106
- padding: 10px; }
107
-
108
- div.error,
109
- #flash_failure {
110
- background: #FBE3E4;
111
- border-color: #FBC2C4;
112
- color: #D12F19; }
113
-
114
- div.error a,
115
- #flash_failure a {
116
- color: #D12F19; }
117
-
118
- div.notice,
119
- #flash_notice {
120
- background: #FFF6BF;
121
- border-color: #FFD324;
122
- color: #817134; }
123
-
124
- div.notice a,
125
- #flash_notice a {
126
- color: #817134; }
127
-
128
- div.success,
129
- #flash_success {
130
- background: #E6EFC2;
131
- border-color: #C6D880;
132
- color: #529214; }
133
-
134
- div.success a,
135
- #flash_success a {
136
- color: #529214; }
137
-
138
91
  /* Misc classes and elements */
139
92
  /* Use a .box to create a padded box inside a column. */
140
93
  .box {
@@ -167,13 +120,13 @@ hr.space {
167
120
  text-indent: -9999px; }
168
121
 
169
122
  /* Hide for both screenreaders and browsers
170
- css-discuss.incutio.com/wiki/Screenreader_Visibility */
123
+ css-discuss.incutio.com/wiki/Screenreader_Visibility */
171
124
  .hidden {
172
125
  display: none;
173
126
  visibility: hidden; }
174
127
 
175
128
  /* Hide only visually, but have it available for screenreaders
176
- www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
129
+ www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
177
130
  .visuallyhidden {
178
131
  clip: rect(1px 1px 1px 1px);
179
132
  /* IE6, IE7 */
@@ -185,8 +138,7 @@ hr.space {
185
138
  visibility: hidden; }
186
139
 
187
140
  /* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
188
- .clearfix:before,
189
- .clearfix:after {
141
+ .clearfix:before, .clearfix:after {
190
142
  content: "\0020";
191
143
  display: block;
192
144
  height: 0;
@@ -242,6 +194,39 @@ hr.space {
242
194
 
243
195
  h2, h3 {
244
196
  page-break-after: avoid; } }
197
+ /* Success, error & notice boxes for messages and errors. */
198
+ div.error, div.notice, div.success, #flash_failure, #flash_success, #flash_notice {
199
+ border: 1px solid #ddd;
200
+ -moz-border-radius: 8px;
201
+ -webkit-border-radius: 8px;
202
+ border-radius: 8px;
203
+ margin-bottom: 12px;
204
+ padding: 10px; }
205
+
206
+ div.error, #flash_failure {
207
+ background: #FBE3E4;
208
+ border-color: #FBC2C4;
209
+ color: #D12F19; }
210
+
211
+ div.error a, #flash_failure a {
212
+ color: #D12F19; }
213
+
214
+ div.notice, #flash_notice {
215
+ background: #FFF6BF;
216
+ border-color: #FFD324;
217
+ color: #817134; }
218
+
219
+ div.notice a, #flash_notice a {
220
+ color: #817134; }
221
+
222
+ div.success, #flash_success {
223
+ background: #E6EFC2;
224
+ border-color: #C6D880;
225
+ color: #529214; }
226
+
227
+ div.success a, #flash_success a {
228
+ color: #529214; }
229
+
245
230
  /* Headings */
246
231
  h1, h2, h3, h4, h5, h6 {
247
232
  font-weight: bold; }
@@ -307,8 +292,7 @@ a:visited {
307
292
  a:hover {
308
293
  color: #052246; }
309
294
 
310
- a:active,
311
- a:focus {
295
+ a:active, a:focus {
312
296
  color: #1a4882; }
313
297
 
314
298
  blockquote {
@@ -353,9 +337,9 @@ tt {
353
337
 
354
338
  /* Forms */
355
339
  /*
356
- * Remove inner padding and border in FF3/4
357
- * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
358
- */
340
+ * Remove inner padding and border in FF3/4
341
+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
342
+ */
359
343
  input[type="submit"]::-moz-focus-inner {
360
344
  border: 0;
361
345
  padding: 0; }
@@ -415,8 +399,7 @@ fieldset {
415
399
  margin: 0 0 16px 0;
416
400
  padding: 16px 16px 12px 16px; }
417
401
 
418
- fieldset fieldset,
419
- fieldset fieldset fieldset {
402
+ fieldset fieldset, fieldset fieldset fieldset {
420
403
  border: 0;
421
404
  padding: 0; }
422
405
 
@@ -506,15 +489,11 @@ optgroup {
506
489
  margin: 0 0 6px 0; }
507
490
 
508
491
  /* Date & Time */
509
- form ol li.date select,
510
- form ol li.time select,
511
- form ol li.datetime select {
492
+ form ol li.date select, form ol li.time select, form ol li.datetime select {
512
493
  display: inline;
513
494
  width: auto; }
514
495
 
515
- form ol li.date ol li,
516
- form ol li.time ol li,
517
- form ol li.datetime ol li {
496
+ form ol li.date ol li, form ol li.time ol li, form ol li.datetime ol li {
518
497
  display: inline-block; }
519
498
 
520
499
  /* Tables */
metadata CHANGED
@@ -1,15 +1,10 @@
1
- --- !ruby/object:Gem::Specification
1
+ --- !ruby/object:Gem::Specification
2
2
  name: flutie
3
- version: !ruby/object:Gem::Version
4
- hash: 21
3
+ version: !ruby/object:Gem::Version
4
+ version: 1.3.0
5
5
  prerelease:
6
- segments:
7
- - 1
8
- - 2
9
- - 5
10
- version: 1.2.5
11
6
  platform: ruby
12
- authors:
7
+ authors:
13
8
  - Matt Jankowski
14
9
  - Chad Pytel
15
10
  - Kevin Burg
@@ -28,58 +23,22 @@ authors:
28
23
  autorequire:
29
24
  bindir: bin
30
25
  cert_chain: []
31
-
32
- date: 2011-09-04 00:00:00 -04:00
33
- default_executable:
34
- dependencies:
35
- - !ruby/object:Gem::Dependency
36
- name: sass
37
- prerelease: false
38
- requirement: &id001 !ruby/object:Gem::Requirement
39
- none: false
40
- requirements:
41
- - - ">="
42
- - !ruby/object:Gem::Version
43
- hash: 3
44
- segments:
45
- - 0
46
- version: "0"
47
- type: :development
48
- version_requirements: *id001
49
- - !ruby/object:Gem::Dependency
50
- name: rails
51
- prerelease: false
52
- requirement: &id002 !ruby/object:Gem::Requirement
53
- none: false
54
- requirements:
55
- - - "="
56
- - !ruby/object:Gem::Version
57
- hash: 19
58
- segments:
59
- - 3
60
- - 0
61
- - 10
62
- version: 3.0.10
63
- type: :development
64
- version_requirements: *id002
26
+ date: 2011-09-08 00:00:00.000000000Z
27
+ dependencies: []
65
28
  description: Flutie is a starting point for personal discovery
66
29
  email: support@thoughtbot.com
67
30
  executables: []
68
-
69
31
  extensions: []
70
-
71
32
  extra_rdoc_files: []
72
-
73
- files:
74
- - app/assets/stylesheets/flutie.css
75
- - app/assets/stylesheets/sass/flutie/_defaults.scss
76
- - app/assets/stylesheets/sass/flutie/_forms.scss
77
- - app/assets/stylesheets/sass/flutie/_lists.scss
78
- - app/assets/stylesheets/sass/flutie/_reset.scss
79
- - app/assets/stylesheets/sass/flutie/_screen.scss
80
- - app/assets/stylesheets/sass/flutie/_tables.scss
81
- - app/assets/stylesheets/sass/flutie/_type.scss
82
- - app/assets/stylesheets/sass/flutie/flutie.scss
33
+ files:
34
+ - app/assets/stylesheets/_defaults.scss
35
+ - app/assets/stylesheets/_flashes.scss
36
+ - app/assets/stylesheets/_forms.scss
37
+ - app/assets/stylesheets/_lists.scss
38
+ - app/assets/stylesheets/_reset.scss
39
+ - app/assets/stylesheets/_tables.scss
40
+ - app/assets/stylesheets/_type.scss
41
+ - app/assets/stylesheets/flutie.scss
83
42
  - app/controllers/flutie/styleguides_controller.rb
84
43
  - app/helpers/body_class_helper.rb
85
44
  - app/helpers/page_title_helper.rb
@@ -90,43 +49,33 @@ files:
90
49
  - lib/flutie/engine.rb
91
50
  - lib/flutie.rb
92
51
  - lib/tasks/flutie.rake
52
+ - public/stylesheets/flutie.css
93
53
  - LICENSE
94
54
  - Rakefile
95
55
  - Gemfile
96
56
  - README.md
97
- has_rdoc: true
98
57
  homepage: http://github.com/thoughtbot/flutie
99
58
  licenses: []
100
-
101
59
  post_install_message:
102
60
  rdoc_options: []
103
-
104
- require_paths:
61
+ require_paths:
105
62
  - lib
106
- required_ruby_version: !ruby/object:Gem::Requirement
63
+ required_ruby_version: !ruby/object:Gem::Requirement
107
64
  none: false
108
- requirements:
109
- - - ">="
110
- - !ruby/object:Gem::Version
111
- hash: 3
112
- segments:
113
- - 0
114
- version: "0"
115
- required_rubygems_version: !ruby/object:Gem::Requirement
65
+ requirements:
66
+ - - ! '>='
67
+ - !ruby/object:Gem::Version
68
+ version: '0'
69
+ required_rubygems_version: !ruby/object:Gem::Requirement
116
70
  none: false
117
- requirements:
118
- - - ">="
119
- - !ruby/object:Gem::Version
120
- hash: 3
121
- segments:
122
- - 0
123
- version: "0"
71
+ requirements:
72
+ - - ! '>='
73
+ - !ruby/object:Gem::Version
74
+ version: '0'
124
75
  requirements: []
125
-
126
76
  rubyforge_project:
127
- rubygems_version: 1.6.2
77
+ rubygems_version: 1.8.10
128
78
  signing_key:
129
79
  specification_version: 3
130
80
  summary: Flutie adds default stylesheets to web apps
131
81
  test_files: []
132
-
File without changes
@@ -1,9 +0,0 @@
1
- // Optional import of sass mixins from bourbon. See read me for instructions.
2
- // @import 'bourbon/bourbon';
3
- @import 'reset';
4
- @import 'defaults';
5
- @import 'type';
6
- @import 'forms';
7
- @import 'tables';
8
- @import 'lists';
9
- @import 'screen';