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.
- data/.gitignore +9 -0
- data/.travis.yml +9 -0
- data/Appraisals +5 -0
- data/CONTRIBUTING.md +38 -0
- data/Gemfile +1 -7
- data/Gemfile.lock +108 -0
- data/LICENSE +1 -1
- data/README.md +44 -40
- data/Rakefile +10 -23
- data/app/assets/stylesheets/_defaults.scss +6 -4
- data/app/assets/stylesheets/_flashes.scss +7 -5
- data/app/assets/stylesheets/_forms.scss +34 -22
- data/app/assets/stylesheets/_lists.scss +13 -8
- data/app/assets/stylesheets/_tables.scss +8 -4
- data/app/assets/stylesheets/_type.scss +32 -28
- data/app/controllers/flutie/styleguides_controller.rb +1 -1
- data/flutie.gemspec +24 -0
- data/gemfiles/rails_3.0.20.gemfile +7 -0
- data/gemfiles/rails_3.1.11.gemfile +7 -0
- data/gemfiles/rails_3.2.12.gemfile +7 -0
- data/lib/flutie.rb +2 -0
- data/lib/flutie/version.rb +3 -0
- data/lib/tasks/flutie.rake +1 -1
- data/server.rb +21 -0
- data/spec/controllers/styleguides_controller_spec.rb +62 -0
- data/spec/dummy/Rakefile +7 -0
- data/spec/dummy/app/controllers/application_controller.rb +3 -0
- data/spec/dummy/app/helpers/application_helper.rb +2 -0
- data/spec/dummy/app/views/layouts/application.html.erb +14 -0
- data/spec/dummy/config.ru +4 -0
- data/spec/dummy/config/application.rb +45 -0
- data/spec/dummy/config/boot.rb +10 -0
- data/spec/dummy/config/database.yml +11 -0
- data/spec/dummy/config/environment.rb +5 -0
- data/spec/dummy/config/environments/development.rb +26 -0
- data/spec/dummy/config/environments/production.rb +49 -0
- data/spec/dummy/config/environments/test.rb +35 -0
- data/spec/dummy/config/initializers/backtrace_silencers.rb +7 -0
- data/spec/dummy/config/initializers/inflections.rb +10 -0
- data/spec/dummy/config/initializers/mime_types.rb +5 -0
- data/spec/dummy/config/initializers/secret_token.rb +7 -0
- data/spec/dummy/config/initializers/session_store.rb +8 -0
- data/spec/dummy/config/locales/en.yml +5 -0
- data/spec/dummy/config/routes.rb +58 -0
- data/spec/dummy/public/404.html +26 -0
- data/spec/dummy/public/422.html +26 -0
- data/spec/dummy/public/500.html +26 -0
- data/spec/dummy/public/favicon.ico +0 -0
- data/spec/dummy/public/javascripts/application.js +2 -0
- data/spec/dummy/public/javascripts/controls.js +965 -0
- data/spec/dummy/public/javascripts/dragdrop.js +974 -0
- data/spec/dummy/public/javascripts/effects.js +1123 -0
- data/spec/dummy/public/javascripts/prototype.js +6001 -0
- data/spec/dummy/public/javascripts/rails.js +191 -0
- data/spec/dummy/public/stylesheets/.gitkeep +0 -0
- data/spec/dummy/script/rails +6 -0
- data/spec/fixtures/app/views/styleguides/_one.erb +1 -0
- data/spec/fixtures/app/views/styleguides/_two.erb +1 -0
- data/spec/flutie_spec.rb +7 -0
- data/spec/helpers/body_class_helper_spec.rb +43 -0
- data/spec/helpers/page_title_helper_spec.rb +27 -0
- data/spec/initialization_spec.rb +16 -0
- data/spec/integration/navigation_spec.rb +9 -0
- data/spec/spec_helper.rb +35 -0
- metadata +183 -11
data/.gitignore
ADDED
data/.travis.yml
ADDED
data/Appraisals
ADDED
data/CONTRIBUTING.md
ADDED
@@ -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
data/Gemfile.lock
ADDED
@@ -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
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
|
-
|
19
|
+
### Rails 3.1 & Rails 3.2
|
18
20
|
|
19
|
-
|
21
|
+
After you've bundled, if you are using rails 3.1 or greater with asset pipelining enabled, simply add:
|
20
22
|
|
21
|
-
|
23
|
+
@import 'flutie';
|
22
24
|
|
23
|
-
|
25
|
+
as a sass import in the application stylesheet manifest (app/assets/stylesheets/application.css.scss).
|
24
26
|
|
25
|
-
|
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
|
-
|
30
|
+
### Rails 3.0
|
28
31
|
|
29
|
-
|
32
|
+
After you've bundled, run the installer:
|
30
33
|
|
31
|
-
|
34
|
+
rake flutie:install
|
32
35
|
|
33
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
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
|
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-
|
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
|
-
|
2
|
-
require '
|
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
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
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
|
-
|
26
|
-
|
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:
|
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:
|
18
|
-
|
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
|
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:
|
5
|
-
-webkit-border-radius:
|
6
|
-
border-radius:
|
7
|
-
margin-bottom:
|
8
|
-
|
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
|
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
|
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
|
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:
|
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:
|
70
|
-
|
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
|
78
|
-
|
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 {
|
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:
|
124
|
-
|
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
|
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
|
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
|
-
|
166
|
-
margin: 0
|
167
|
-
padding:
|
168
|
-
|
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
|
-
|
175
|
-
font-size:
|
185
|
+
font-size: .75em;
|
186
|
+
font-size: .75rem;
|
176
187
|
}
|
177
188
|
|
178
189
|
optgroup {
|
179
|
-
margin: 0 0
|
190
|
+
margin: 0 0 .5em 0;
|
191
|
+
margin: 0 0 .5rem 0;
|
180
192
|
}
|
181
193
|
|
182
194
|
/* Date & Time */
|