flutie 1.3.3 → 1.3.4

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