flutie 1.2.5 → 1.3.0

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