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