flutie 1.3.3 → 1.3.4

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 (65) hide show
  1. data/.gitignore +9 -0
  2. data/.travis.yml +9 -0
  3. data/Appraisals +5 -0
  4. data/CONTRIBUTING.md +38 -0
  5. data/Gemfile +1 -7
  6. data/Gemfile.lock +108 -0
  7. data/LICENSE +1 -1
  8. data/README.md +44 -40
  9. data/Rakefile +10 -23
  10. data/app/assets/stylesheets/_defaults.scss +6 -4
  11. data/app/assets/stylesheets/_flashes.scss +7 -5
  12. data/app/assets/stylesheets/_forms.scss +34 -22
  13. data/app/assets/stylesheets/_lists.scss +13 -8
  14. data/app/assets/stylesheets/_tables.scss +8 -4
  15. data/app/assets/stylesheets/_type.scss +32 -28
  16. data/app/controllers/flutie/styleguides_controller.rb +1 -1
  17. data/flutie.gemspec +24 -0
  18. data/gemfiles/rails_3.0.20.gemfile +7 -0
  19. data/gemfiles/rails_3.1.11.gemfile +7 -0
  20. data/gemfiles/rails_3.2.12.gemfile +7 -0
  21. data/lib/flutie.rb +2 -0
  22. data/lib/flutie/version.rb +3 -0
  23. data/lib/tasks/flutie.rake +1 -1
  24. data/server.rb +21 -0
  25. data/spec/controllers/styleguides_controller_spec.rb +62 -0
  26. data/spec/dummy/Rakefile +7 -0
  27. data/spec/dummy/app/controllers/application_controller.rb +3 -0
  28. data/spec/dummy/app/helpers/application_helper.rb +2 -0
  29. data/spec/dummy/app/views/layouts/application.html.erb +14 -0
  30. data/spec/dummy/config.ru +4 -0
  31. data/spec/dummy/config/application.rb +45 -0
  32. data/spec/dummy/config/boot.rb +10 -0
  33. data/spec/dummy/config/database.yml +11 -0
  34. data/spec/dummy/config/environment.rb +5 -0
  35. data/spec/dummy/config/environments/development.rb +26 -0
  36. data/spec/dummy/config/environments/production.rb +49 -0
  37. data/spec/dummy/config/environments/test.rb +35 -0
  38. data/spec/dummy/config/initializers/backtrace_silencers.rb +7 -0
  39. data/spec/dummy/config/initializers/inflections.rb +10 -0
  40. data/spec/dummy/config/initializers/mime_types.rb +5 -0
  41. data/spec/dummy/config/initializers/secret_token.rb +7 -0
  42. data/spec/dummy/config/initializers/session_store.rb +8 -0
  43. data/spec/dummy/config/locales/en.yml +5 -0
  44. data/spec/dummy/config/routes.rb +58 -0
  45. data/spec/dummy/public/404.html +26 -0
  46. data/spec/dummy/public/422.html +26 -0
  47. data/spec/dummy/public/500.html +26 -0
  48. data/spec/dummy/public/favicon.ico +0 -0
  49. data/spec/dummy/public/javascripts/application.js +2 -0
  50. data/spec/dummy/public/javascripts/controls.js +965 -0
  51. data/spec/dummy/public/javascripts/dragdrop.js +974 -0
  52. data/spec/dummy/public/javascripts/effects.js +1123 -0
  53. data/spec/dummy/public/javascripts/prototype.js +6001 -0
  54. data/spec/dummy/public/javascripts/rails.js +191 -0
  55. data/spec/dummy/public/stylesheets/.gitkeep +0 -0
  56. data/spec/dummy/script/rails +6 -0
  57. data/spec/fixtures/app/views/styleguides/_one.erb +1 -0
  58. data/spec/fixtures/app/views/styleguides/_two.erb +1 -0
  59. data/spec/flutie_spec.rb +7 -0
  60. data/spec/helpers/body_class_helper_spec.rb +43 -0
  61. data/spec/helpers/page_title_helper_spec.rb +27 -0
  62. data/spec/initialization_spec.rb +16 -0
  63. data/spec/integration/navigation_spec.rb +9 -0
  64. data/spec/spec_helper.rb +35 -0
  65. metadata +183 -11
@@ -0,0 +1,9 @@
1
+ .bundle/
2
+ log/*.log
3
+ pkg/
4
+ spec/dummy/db/*.sqlite3
5
+ spec/dummy/log/*.log
6
+ spec/dummy/tmp/
7
+ .sass-cache/*
8
+ gemfiles/*.lock
9
+ *.gem
@@ -0,0 +1,9 @@
1
+ language: ruby
2
+ rvm:
3
+ - 1.8.7
4
+ - 1.9.2
5
+ - 1.9.3
6
+ gemfile:
7
+ - gemfiles/rails_3.0.20.gemfile
8
+ - gemfiles/rails_3.1.11.gemfile
9
+ - gemfiles/rails_3.2.11.gemfile
@@ -0,0 +1,5 @@
1
+ ['3.2.12', '3.1.11', '3.0.20'].each do |rails_version|
2
+ appraise "rails-#{rails_version}" do
3
+ gem "rails", rails_version
4
+ end
5
+ end
@@ -0,0 +1,38 @@
1
+ We love pull requests. Here's a quick guide:
2
+
3
+ 1. Fork the repo.
4
+
5
+ 2. Run the tests. We only take pull requests with passing tests, and it's great
6
+ to know that you have a clean slate: `bundle && rake`
7
+
8
+ 3. Add a test for your change. Only refactoring and documentation changes
9
+ require no new tests. If you are adding functionality or fixing a bug, we need
10
+ a test!
11
+
12
+ 4. Make the test pass.
13
+
14
+ 5. Push to your fork and submit a pull request.
15
+
16
+
17
+ At this point you're waiting on us. We like to at least comment on, if not
18
+ accept, pull requests within three business days (and, typically, one business
19
+ day). We may suggest some changes or improvements or alternatives.
20
+
21
+ Some things that will increase the chance that your pull request is accepted,
22
+ taken straight from the Ruby on Rails guide:
23
+
24
+ * Use Rails idioms and helpers
25
+ * Include tests that fail without your code, and pass with it
26
+ * Update the documentation, the surrounding one, examples elsewhere, guides,
27
+ whatever is affected by your contribution
28
+
29
+ Syntax:
30
+
31
+ * Two spaces, no tabs.
32
+ * No trailing whitespace. Blank lines should not have any space.
33
+ * Prefer &&/|| over and/or.
34
+ * MyClass.my_method(my_arg) not my_method( my_arg ) or my_method my_arg.
35
+ * a = b and not a=b.
36
+ * Follow the conventions you see used in the source already.
37
+
38
+ And in case we didn't emphasize it enough: we love tests!
data/Gemfile CHANGED
@@ -1,9 +1,3 @@
1
1
  source "http://rubygems.org"
2
- gemspec
3
2
 
4
- gem "appraisal"
5
- gem "rspec-rails"
6
- gem "capybara", ">= 0.4.0"
7
- gem "sqlite3"
8
- gem "sass"
9
- gem "mocha"
3
+ gemspec
@@ -0,0 +1,108 @@
1
+ PATH
2
+ remote: .
3
+ specs:
4
+ flutie (1.3.4)
5
+
6
+ GEM
7
+ remote: http://rubygems.org/
8
+ specs:
9
+ actionpack (3.2.9)
10
+ activemodel (= 3.2.9)
11
+ activesupport (= 3.2.9)
12
+ builder (~> 3.0.0)
13
+ erubis (~> 2.7.0)
14
+ journey (~> 1.0.4)
15
+ rack (~> 1.4.0)
16
+ rack-cache (~> 1.2)
17
+ rack-test (~> 0.6.1)
18
+ sprockets (~> 2.2.1)
19
+ activemodel (3.2.9)
20
+ activesupport (= 3.2.9)
21
+ builder (~> 3.0.0)
22
+ activesupport (3.2.9)
23
+ i18n (~> 0.6)
24
+ multi_json (~> 1.0)
25
+ addressable (2.3.2)
26
+ appraisal (0.5.1)
27
+ bundler
28
+ rake
29
+ builder (3.0.4)
30
+ capybara (2.0.1)
31
+ mime-types (>= 1.16)
32
+ nokogiri (>= 1.3.3)
33
+ rack (>= 1.0.0)
34
+ rack-test (>= 0.5.4)
35
+ selenium-webdriver (~> 2.0)
36
+ xpath (~> 1.0.0)
37
+ childprocess (0.3.6)
38
+ ffi (~> 1.0, >= 1.0.6)
39
+ diff-lcs (1.1.3)
40
+ erubis (2.7.0)
41
+ ffi (1.2.0)
42
+ hike (1.2.1)
43
+ i18n (0.6.1)
44
+ journey (1.0.4)
45
+ json (1.7.5)
46
+ libwebsocket (0.1.7.1)
47
+ addressable
48
+ websocket
49
+ mime-types (1.19)
50
+ multi_json (1.5.0)
51
+ nokogiri (1.5.5)
52
+ rack (1.4.1)
53
+ rack-cache (1.2)
54
+ rack (>= 0.4)
55
+ rack-ssl (1.3.2)
56
+ rack
57
+ rack-test (0.6.2)
58
+ rack (>= 1.0)
59
+ railties (3.2.9)
60
+ actionpack (= 3.2.9)
61
+ activesupport (= 3.2.9)
62
+ rack-ssl (~> 1.3.2)
63
+ rake (>= 0.8.7)
64
+ rdoc (~> 3.4)
65
+ thor (>= 0.14.6, < 2.0)
66
+ rake (10.0.2)
67
+ rdoc (3.12)
68
+ json (~> 1.4)
69
+ rspec-core (2.12.1)
70
+ rspec-expectations (2.12.0)
71
+ diff-lcs (~> 1.1.3)
72
+ rspec-mocks (2.12.0)
73
+ rspec-rails (2.12.0)
74
+ actionpack (>= 3.0)
75
+ activesupport (>= 3.0)
76
+ railties (>= 3.0)
77
+ rspec-core (~> 2.12.0)
78
+ rspec-expectations (~> 2.12.0)
79
+ rspec-mocks (~> 2.12.0)
80
+ rubyzip (0.9.9)
81
+ sass (3.2.3)
82
+ selenium-webdriver (2.27.2)
83
+ childprocess (>= 0.2.5)
84
+ libwebsocket (~> 0.1.3)
85
+ multi_json (~> 1.0)
86
+ rubyzip
87
+ sprockets (2.2.2)
88
+ hike (~> 1.2)
89
+ multi_json (~> 1.0)
90
+ rack (~> 1.0)
91
+ tilt (~> 1.1, != 1.3.0)
92
+ sqlite3 (1.3.6)
93
+ thor (0.16.0)
94
+ tilt (1.3.3)
95
+ websocket (1.0.4)
96
+ xpath (1.0.0)
97
+ nokogiri (~> 1.3)
98
+
99
+ PLATFORMS
100
+ ruby
101
+
102
+ DEPENDENCIES
103
+ appraisal
104
+ capybara (>= 0.4.0)
105
+ flutie!
106
+ rspec-rails
107
+ sass
108
+ sqlite3
data/LICENSE CHANGED
@@ -1,6 +1,6 @@
1
1
  The MIT License
2
2
 
3
- Copyright (c) 2010 Mike Burns
3
+ Copyright (c) 2010-2013 thoughtbot, inc
4
4
 
5
5
  Permission is hereby granted, free of charge, to any person obtaining a copy
6
6
  of this software and associated documentation files (the "Software"), to deal
data/README.md CHANGED
@@ -5,6 +5,8 @@ Flutie
5
5
 
6
6
  Basic, default styles for rails applications
7
7
 
8
+ We also have a [Bourbon](https://github.com/thoughtbot/bourbon) gem available, which can be used to extend flutie with a set of vanilla sass mixins.
9
+
8
10
  Installation & Upgrading
9
11
  ------------------------
10
12
 
@@ -14,30 +16,30 @@ Flutie is recommended to be run as a gem and included in your Gemfile:
14
16
 
15
17
  gem "flutie"
16
18
 
17
- After you've bundled, if you are using Rails < 3.1, run the installer:
19
+ ### Rails 3.1 & Rails 3.2
18
20
 
19
- rake flutie:install
21
+ After you've bundled, if you are using rails 3.1 or greater with asset pipelining enabled, simply add:
20
22
 
21
- The installer will copy the Flutie stylesheets sass into public/stylesheets/sass/flutie, and a static flutie.css into public/stylesheets/ in your app.
23
+ @import 'flutie';
22
24
 
23
- Once Flutie is installed, with your application running (not in production environment) you can browse to /styleguides. This will present you with many standard markup elements that are present in a Rails application, in your default application layout.
25
+ as a sass import in the application stylesheet manifest (app/assets/stylesheets/application.css.scss).
24
26
 
25
- Click on the "Default styles" link to view the same markup with a barebones layout that only contains the Flutie stylesheets. Click on "Application styles" to view the markup in your application layout.
27
+ If this is a new Rails 3.1 or 3.2 project you will need to rename the application.css manifest to application.css.scss so it is processed
28
+ by the asset pipeline and sass to perform the @import.
26
29
 
27
- To upgrade, bump the gem version in your Gemfile, and then run 'rake flutie:install' again to get the latest changes moved into your application.
30
+ ### Rails 3.0
28
31
 
29
- If you are using rails 3.1 or greater with asset pipelining enabled, you don't need to run the installer. Simply add:
32
+ After you've bundled, run the installer:
30
33
 
31
- *= require _flutie
34
+ rake flutie:install
32
35
 
33
- in the application stylesheet manifest (app/assets/stylesheets/application.css), or:
36
+ The installer will copy the Flutie stylesheets sass into public/stylesheets/sass/flutie, and a static flutie.css into public/stylesheets/ in your app.
34
37
 
35
- @import 'flutie';
38
+ Once Flutie is installed, with your application running (not in production environment) you can browse to /styleguides. This will present you with many standard markup elements that are present in a Rails application, in your default application layout.
36
39
 
37
- as a sass import.
40
+ Click on the "Default styles" link to view the same markup with a barebones layout that only contains the Flutie stylesheets. Click on "Application styles" to view the markup in your application layout.
38
41
 
39
- Usage
40
- -----
42
+ To upgrade, bump the gem version in your Gemfile, and then run `rake flutie:install` again to get the latest changes moved into your application.
41
43
 
42
44
  Flutie registers a :flutie shortcut for stylesheets, so in your layout you can do...
43
45
 
@@ -45,7 +47,7 @@ Flutie registers a :flutie shortcut for stylesheets, so in your layout you can d
45
47
 
46
48
  ...this will include all the flutie stylesheets, then the 'admin' stylesheet, and it will cache them all into one file.
47
49
 
48
- ### Sass
50
+ #### Sass
49
51
 
50
52
  If you use Sass in your application, the flutie stylesheets are also available as scss files, installed in public/stylesheets/sass/flutie. These files can be imported into your own sass files for use with the following:
51
53
 
@@ -53,34 +55,13 @@ If you use Sass in your application, the flutie stylesheets are also available a
53
55
 
54
56
  You'll want to import flutie before any of your own styles so that you can do things like extend your classes with flutie classes.
55
57
 
56
- We also have a [Bourbon](https://github.com/thoughtbot/bourbon) gem available, which can be used to extend flutie with a set of vanilla sass mixins.
57
-
58
- ### Custom Styles
59
-
60
- To add custom styles to the styleguide add partials to the app/views/styleguides directory. For example:
61
-
62
- app/views/styleguides/_todo_item.erb:
63
-
64
- <ol>
65
- <li class="todo">This is a todo item</li>
66
- </ol>
67
-
68
- Plugin authors can also add to the styleguide by ensuring that their view path is in ActionController::Base.view_paths and by placing a partial under the styleguides directory. For example:
69
-
70
- ActionController::Base.append_view_path(File.join(File.dirname(__FILE__), 'views'))
71
-
72
- my_awesome_plugin/views/styleguides/_pagination.erb:
73
-
74
- <div class="pagination">
75
- <a href="#prev">Previous</a>
76
- <a href="#next">Next</a>
77
- </div>
78
-
79
58
  Helpers
80
59
  -------
81
60
 
82
61
  Flutie provides several helper methods for layouts as well.
83
62
 
63
+ #### page_title
64
+
84
65
  The `page_title` method can be used like:
85
66
 
86
67
  <title><%= page_title %></title>
@@ -90,7 +71,7 @@ By default, it will produce results like:
90
71
  <title>Appname : page title</title>
91
72
 
92
73
  * "App name" comes from the module name of the rails application created by your app, i.e. `Appname::Application` will produce "Appname"
93
- * "page" comes from trying `content_for(:page_title)` and assumes you are setting :page_title on your pages.
74
+ * "page" comes from trying `content_for(:page_title)` and assumes you are using `content_for` with `:page_title` symbol on your pages.
94
75
  * The separator defaults to " : "
95
76
 
96
77
  These can be overridden by passing an options hash including `:app_name`, `:page_title_symbol` and `:separator` hash keys, ie:
@@ -99,6 +80,8 @@ These can be overridden by passing an options hash including `:app_name`, `:page
99
80
  page_title(:app_name => 'My app name', :page_title_symbol => :site_page_title, :separator => " | ")
100
81
  => "My app name | My title of my page"
101
82
 
83
+ #### body_class
84
+
102
85
  The `body_class` method can be used like:
103
86
 
104
87
  <body class="<%= body_class %>">
@@ -113,6 +96,27 @@ Anything which has been added via `content_for(:extra_body_classes)` will be add
113
96
  <body class="<%= body_class %>">
114
97
  <body class="widgets widgets-show special-page">
115
98
 
99
+ Custom Styles
100
+ -------------
101
+
102
+ To add custom styles to the styleguide add partials to the app/views/styleguides directory. For example:
103
+
104
+ app/views/styleguides/_todo_item.erb:
105
+
106
+ <ol>
107
+ <li class="todo">This is a todo item</li>
108
+ </ol>
109
+
110
+ Plugin authors can also add to the styleguide by ensuring that their view path is in `ActionController::Base.view_paths` and by placing a partial under the styleguides directory. For example:
111
+
112
+ ActionController::Base.append_view_path(File.join(File.dirname(__FILE__), 'views'))
113
+
114
+ my_awesome_plugin/views/styleguides/_pagination.erb:
115
+
116
+ <div class="pagination">
117
+ <a href="#prev">Previous</a>
118
+ <a href="#next">Next</a>
119
+ </div>
116
120
 
117
121
  Suggestions, Bugs, Refactoring?
118
122
  -------------------------------
@@ -129,7 +133,7 @@ To rebuild the static flutie.css file, you can run:
129
133
 
130
134
  sass --update app/assets/stylesheets/_flutie.scss:public/stylesheets/flutie.css
131
135
 
132
- You can run a server which will allow you to view the flutie styleguide locally:
136
+ You can also run a local server which will allow you to view the flutie styleguide:
133
137
 
134
138
  ruby server.rb
135
139
 
@@ -149,4 +153,4 @@ The names and logos for thoughtbot are trademarks of thoughtbot, inc.
149
153
  License
150
154
  -------
151
155
 
152
- Flutie is Copyright © 2010-2011 thoughtbot. It is free software, and may be redistributed under the terms specified in the LICENSE file.
156
+ Flutie is Copyright © 2010-2013 thoughtbot. It is free software, and may be redistributed under the terms specified in the LICENSE file.
data/Rakefile CHANGED
@@ -1,31 +1,18 @@
1
- # encoding: UTF-8
2
- require 'rubygems'
3
- begin
4
- require 'bundler/setup'
5
- rescue LoadError
6
- puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
7
- end
8
-
9
- require 'rake'
10
- require 'rdoc/task'
1
+ require 'bundler/setup'
2
+ require 'bundler/gem_tasks'
11
3
  require 'appraisal'
12
4
 
13
- require 'rspec/core'
14
5
  require 'rspec/core/rake_task'
15
6
  RSpec::Core::RakeTask.new(:spec)
16
7
 
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')
8
+ task :default do |t|
9
+ if ENV['BUNDLE_GEMFILE'] =~ /gemfiles/
10
+ exec 'rake spec'
11
+ else
12
+ Rake::Task['appraise'].execute
13
+ end
23
14
  end
24
15
 
25
- Rake::RDocTask.new(:rdoc) do |rdoc|
26
- rdoc.rdoc_dir = 'rdoc'
27
- rdoc.title = 'Flutie'
28
- rdoc.options << '--line-numbers' << '--inline-source'
29
- rdoc.rdoc_files.include('README.rdoc')
30
- rdoc.rdoc_files.include('lib/**/*.rb')
16
+ task :appraise => ['appraisal:install'] do |t|
17
+ exec 'rake appraisal'
31
18
  end
@@ -1,6 +1,6 @@
1
1
  body {
2
2
  color: #333;
3
- font-size: 13px;
3
+ font-size: 100%;
4
4
  font-family: "helvetica neue", arial, helvetica, "lucida grande", sans-serif;
5
5
  }
6
6
 
@@ -14,8 +14,10 @@ h1, h2, h3, h4, h5, h6 {
14
14
  /* Use a .box to create a padded box inside a column. */
15
15
  .box {
16
16
  background: #eee;
17
- margin-bottom: 16px;
18
- padding: 16px;
17
+ margin-bottom: 1em;
18
+ margin-bottom: 1rem;
19
+ padding: 1em;
20
+ padding: 1rem;
19
21
  }
20
22
 
21
23
  /* Use this to create a horizontal ruler across a column. */
@@ -26,7 +28,7 @@ hr {
26
28
  color: #ddd;
27
29
  float: none;
28
30
  height: 1px;
29
- margin: 0 0 12px;
31
+ margin: 0 0 .75rem;
30
32
  width: 100%;
31
33
  }
32
34
 
@@ -1,11 +1,13 @@
1
1
  /* Success, error & notice boxes for messages and errors. */
2
2
  div.error, div.notice, div.success, #flash_failure, #flash_success, #flash_notice {
3
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;
4
+ -moz-border-radius: .5rem;
5
+ -webkit-border-radius: .5rem;
6
+ border-radius: .5rem;
7
+ margin-bottom: .75em;
8
+ margin-bottom: .75rem;
9
+ padding: .75em;
10
+ padding: .75rem;
9
11
  }
10
12
 
11
13
  div.error, #flash_failure {
@@ -11,7 +11,8 @@ input[type="submit"]::-moz-focus-inner {
11
11
 
12
12
  form ol {
13
13
  list-style: none;
14
- margin: 0 0 12px 0;
14
+ margin: 0 0 .75em 0;
15
+ margin: 0 0 .75rem 0;
15
16
  }
16
17
 
17
18
  form ol ol {
@@ -20,13 +21,15 @@ form ol ol {
20
21
 
21
22
  form ol li {
22
23
  list-style-position: outside;
23
- margin: 0 0 12px 0;
24
+ margin: 0 0 .75em 0;
25
+ margin: 0 0 .75rem 0;
24
26
  }
25
27
 
26
28
  /*list-style-position fixes IE label margin bug*/
27
29
  form ol ol li {
28
30
  list-style-position: outside;
29
- margin: 0 0 4px 0;
31
+ margin: 0 0 .25em 0;
32
+ margin: 0 0 .25rem 0;
30
33
  }
31
34
 
32
35
  form ol li.error input {
@@ -40,7 +43,8 @@ p.inline-errors {
40
43
  form ol li.file {
41
44
  background: #e1e1e1;
42
45
  border: 1px solid #c8c8c8;
43
- padding: 10px;
46
+ padding: .75em;
47
+ padding: .75rem;
44
48
  }
45
49
 
46
50
  form abbr {
@@ -66,16 +70,20 @@ a.cancel {
66
70
 
67
71
  .inline-hints {
68
72
  color: #666;
69
- font-size: 11px;
70
- margin-bottom: 4px;
73
+ font-size: .75em;
74
+ font-size: .75rem;
75
+ margin-bottom: .25em;
76
+ margin-bottom: .25rem;
71
77
  }
72
78
 
73
79
  /* Fieldsets */
74
80
  fieldset {
75
81
  background: #f1f1f1;
76
82
  border: 1px solid #e3e3e3;
77
- margin: 0 0 16px 0;
78
- padding: 16px 16px 12px 16px;
83
+ margin: 0 0 1em 0;
84
+ margin: 0 0 1rem 0;
85
+ padding: 1rem 1rem .75em 1em;
86
+ padding: 1rem 1rem .75rem 1rem;
79
87
  }
80
88
 
81
89
  fieldset fieldset, fieldset fieldset fieldset {
@@ -86,7 +94,10 @@ fieldset fieldset, fieldset fieldset fieldset {
86
94
  legend {
87
95
  font-weight: bold;
88
96
  }
89
- .ie6 legend, .ie7 legend { margin-left: -7px; }
97
+ .ie6 legend, .ie7 legend {
98
+ margin-left: .5em;
99
+ margin-left: .5rem;
100
+ }
90
101
 
91
102
  fieldset.buttons {
92
103
  background: inherit;
@@ -120,8 +131,8 @@ input[type="time"],
120
131
  input[type="url"],
121
132
  input[type="week"] {
122
133
  font-size: inherit;
123
- padding: 3px 2px;
124
- width: 300px;
134
+ padding: .25em;
135
+ padding: .25rem;
125
136
  }
126
137
  .ie6 input {
127
138
  vertical-align: text-bottom;
@@ -133,9 +144,9 @@ input[disabled='disabled'] {
133
144
  }
134
145
 
135
146
  input[type="checkbox"] {
136
- margin: 0 3px 0 0;
147
+ margin: 0 .25em 0 0;
148
+ margin: 0 .25rem 0 0;
137
149
  position: relative;
138
- top: -2px;
139
150
  vertical-align: middle;
140
151
  }
141
152
  .ie7 input[type="checkbox"] {
@@ -143,9 +154,9 @@ input[type="checkbox"] {
143
154
  }
144
155
 
145
156
  input[type="radio"] {
146
- margin: 0 3px 0 0;
157
+ margin: 0 .25em 0 0;
158
+ margin: 0 .25rem 0 0;
147
159
  position: relative;
148
- top: -2px;
149
160
  vertical-align: middle;
150
161
  }
151
162
 
@@ -162,21 +173,22 @@ input[type="radio"] {
162
173
  /* Textareas */
163
174
  textarea {
164
175
  font-size: inherit;
165
- height: 200px;
166
- margin: 0 6px 6px 0;
167
- padding: 5px;
168
- width: 440px;
176
+ margin: 0 .5em .5em 0;
177
+ margin: 0 .5rem .5rem 0;
178
+ padding: .5em;
179
+ padding: .5rem;
169
180
  overflow: auto;
170
181
  }
171
182
 
172
183
  /* Select fields */
173
184
  fieldset .select select {
174
- width: 200px;
175
- font-size: 11px;
185
+ font-size: .75em;
186
+ font-size: .75rem;
176
187
  }
177
188
 
178
189
  optgroup {
179
- margin: 0 0 6px 0;
190
+ margin: 0 0 .5em 0;
191
+ margin: 0 0 .5rem 0;
180
192
  }
181
193
 
182
194
  /* Date & Time */