style-guide 0.2.1 → 0.3.0

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 (47) hide show
  1. data/Gemfile.lock +3 -2
  2. data/app/assets/stylesheets/style_guide/example.css +55 -6
  3. data/app/assets/stylesheets/style_guide/header.css +5 -5
  4. data/app/assets/stylesheets/style_guide/layout.css +3 -33
  5. data/app/assets/stylesheets/style_guide/navbar.css +25 -22
  6. data/app/assets/stylesheets/style_guide/sidebar.css +2 -0
  7. data/app/views/layouts/style_guide/application.html.erb +1 -1
  8. data/app/views/style_guide/{partials/_button_disabled_state.erb → bootstrap_base/_button:_disabled_anchor.erb} +0 -0
  9. data/app/views/style_guide/{partials/_button_element.erb → bootstrap_base/_button:_disabled_element.erb} +0 -0
  10. data/app/views/style_guide/{partials → bootstrap_base}/_button_sizes.erb +0 -0
  11. data/app/views/style_guide/{partials/_buttons.erb → bootstrap_base/_button_types.erb} +0 -0
  12. data/app/views/style_guide/bootstrap_base/_code:_blocks.erb +8 -0
  13. data/app/views/style_guide/{partials/_code_inline.erb → bootstrap_base/_code:_inline.erb} +0 -0
  14. data/app/views/style_guide/bootstrap_base/_form_controls:_checkbox_and_radio.erb +13 -0
  15. data/app/views/style_guide/bootstrap_base/_form_controls:_input.erb +1 -0
  16. data/app/views/style_guide/bootstrap_base/_form_controls:_select.erb +15 -0
  17. data/app/views/style_guide/bootstrap_base/_form_controls:_textarea.erb +1 -0
  18. data/app/views/style_guide/bootstrap_base/_forms:_default_styles.erb +12 -0
  19. data/app/views/style_guide/bootstrap_base/_forms:_horizontal.erb +22 -0
  20. data/app/views/style_guide/bootstrap_base/_forms:_inline.erb +8 -0
  21. data/app/views/style_guide/bootstrap_base/_forms:_search.erb +4 -0
  22. data/app/views/style_guide/bootstrap_base/_images.erb +136 -0
  23. data/app/views/style_guide/{partials → bootstrap_base}/_tables.erb +0 -0
  24. data/app/views/style_guide/{partials → bootstrap_base}/_typography.erb +0 -0
  25. data/app/views/style_guide/style/_example.erb +10 -0
  26. data/app/views/style_guide/style/show.html.erb +1 -6
  27. data/config/locales/en.yml +57 -0
  28. data/lib/style_guide/config.rb +1 -1
  29. data/lib/style_guide/engine.rb +2 -0
  30. data/lib/style_guide/section.rb +1 -1
  31. data/lib/style_guide/version.rb +1 -1
  32. data/spec/dummy/app/assets/stylesheets/application.css +0 -37
  33. data/spec/dummy/app/assets/stylesheets/swatches.css +26 -1
  34. data/spec/dummy/app/assets/stylesheets/three_dee.css +4 -0
  35. data/spec/dummy/app/views/styles/_00swatches.erb +8 -8
  36. data/spec/dummy/app/views/styles/_three_dee.erb +1 -0
  37. data/spec/dummy/config/locales/en.yml +6 -4
  38. data/spec/lib/style_guide/config_spec.rb +1 -1
  39. data/spec/lib/style_guide/section_spec.rb +3 -3
  40. data/style-guide.gemspec +1 -0
  41. metadata +41 -16
  42. data/app/assets/stylesheets/docs.css +0 -153
  43. data/app/assets/stylesheets/responsive.css +0 -164
  44. data/app/views/style_guide/partials/_code_blocks.erb +0 -12
  45. data/app/views/style_guide/partials/_forms.erb +0 -714
  46. data/app/views/style_guide/partials/_images.erb +0 -318
  47. data/spec/dummy/app/views/styles/_info-header.erb +0 -1
@@ -0,0 +1,10 @@
1
+ <div class="style-guide-partial" id="<%= partial.id %>">
2
+ <div class="style-guide-example-header"><%= partial.title %></div>
3
+ <div class="style-guide-example-description">
4
+ <%= t(partial.id, :scope => [:style_guide, @active.id.to_sym]).html_safe %>
5
+ </div>
6
+ <div class="style-guide-example">
7
+ <%= render :file => partial.path %>
8
+ </div>
9
+ <pre class="style-guide-example-source prettyprint"><%= partial.content %></pre>
10
+ </div>
@@ -7,12 +7,7 @@
7
7
 
8
8
  <div class="style-guide-sections">
9
9
  <% @active.partials.each do |partial| %>
10
- <section id="<%= partial.id %>">
11
- <h1><%= partial.title %></h1>
12
- <div class="style-guide-partial">
13
- <%= render :file => partial.path %>
14
- </div>
15
- </section>
10
+ <%= render :partial => "example", :locals => { :partial => partial } %>
16
11
  <% end %>
17
12
  </div>
18
13
  </div>
@@ -0,0 +1,57 @@
1
+ en:
2
+ style_guide:
3
+ bootstrap_base:
4
+ button_disabled_anchor: >
5
+ Make <code>&lt;a&gt;</code> buttons look unclickable by adding
6
+ the <code>.disabled</code> class
7
+ button_disabled_element: >
8
+ Make <code>&lt;button&gt;</code> buttons look unclickable by adding
9
+ the <code>.disabled</code> class
10
+ button_sizes: >
11
+ Fancy larger or smaller buttons?
12
+ Add <code>.btn-large</code>, <code>.btn-small</code>, or
13
+ <code>.btn-mini</code> for additional sizes.
14
+ button_types: >
15
+ Need different buttons for different occasions? Add a class!
16
+ code_inline: >
17
+ Use <code>&lt;code&gt;</code> for inline snippets of code.
18
+ code_blocks: >
19
+ Use <code>&lt;pre&gt;</code> for multiple lines of code.
20
+ Be sure to escape any angle brackets in the code for proper rendering.
21
+ forms_default_styles: >
22
+ Individual form controls receive styling, but without any required base
23
+ class on the <code>&lt;form&gt;</code> or large changes in markup.
24
+ Results in stacked, left-aligned labels on top of form controls.
25
+ forms_search: >
26
+ Add <code>.form-search</code> to the form and <code>.search-query</code>
27
+ to the <code>&lt;input&gt;</code> for an extra-rounded text input.
28
+ forms_inline: >
29
+ Add <code>.form-inline</code> for left-aligned labels and inline-block
30
+ controls for a compact layout.
31
+ forms_horizontal: >
32
+ Right align labels and float them to the left to make them appear on
33
+ the same line as controls.
34
+ Requires the most markup changes from a default form:
35
+ <ul>
36
+ <li>Add <code>.form-horizontal</code> to the form</li>
37
+ <li>Wrap labels and controls in <code>.control-group</code></li>
38
+ <li>Add <code>.control-label</code> to the label</li>
39
+ <li>Wrap any associated controls in <code>.controls</code> for proper alignment</li>
40
+ </ul>
41
+ form_controls_input: >
42
+ Most common form control, text-based input fields.
43
+ Includes support for all HTML5 types:
44
+ text, password, datetime, datetime-local, date, month, time, week,
45
+ number, email, url, search, tel, and color.
46
+ Requires the use of a specified <code>type</code> at all times.
47
+ form_controls_textarea: >
48
+ Form control which supports multiple lines of text.
49
+ Change <code>rows</code> attribute as necessary.
50
+ form_controls_checkbox_and_radio: >
51
+ Checkboxes are for selecting one or several options in a list while
52
+ radios are for selecting one option from many.
53
+ Add the <code>.inline</code> class to a series of checkboxes or radios
54
+ for controls to appear on the same line.
55
+ form_controls_select: >
56
+ Use the default option or specify a <code>multiple="multiple"</code>
57
+ to show multiple options at once.
@@ -3,7 +3,7 @@ module StyleGuide
3
3
  attr_accessor :partial_paths
4
4
 
5
5
  def initialize(options = {})
6
- @partial_paths = options[:partial_paths] || [StyleGuide::Engine.root.join("app/views/style_guide/partials")]
6
+ @partial_paths = options[:partial_paths] || [StyleGuide::Engine.root.join("app/views/style_guide/bootstrap_base")]
7
7
  end
8
8
  end
9
9
  end
@@ -6,5 +6,7 @@ module StyleGuide
6
6
  class Engine < ::Rails::Engine
7
7
  isolate_namespace StyleGuide
8
8
  config.style_guide = StyleGuide::Config.new
9
+ config.i18n.load_path += Dir.glob(StyleGuide::Engine.root.join('config', 'locales', '*.{rb,yml}').to_s)
10
+ config.i18n.default_locale = :en
9
11
  end
10
12
  end
@@ -9,7 +9,7 @@ module StyleGuide
9
9
  end
10
10
 
11
11
  def id
12
- @id ||= path.to_s.downcase.gsub(/[^a-zA-Z0-9]/, " ").strip.gsub(/\s+/, "_")
12
+ @id ||= File.basename(path).downcase.gsub(/[^a-zA-Z0-9]/, " ").strip.gsub(/\s+/, "_")
13
13
  end
14
14
 
15
15
  def title
@@ -1,3 +1,3 @@
1
1
  module StyleGuide
2
- VERSION = "0.2.1"
2
+ VERSION = "0.3.0"
3
3
  end
@@ -11,40 +11,3 @@
11
11
  *= require_self
12
12
  *= require_tree .
13
13
  */
14
-
15
-
16
- html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
17
- margin: 0;
18
- padding: 0;
19
- border: 0;
20
- font-size: 100%;
21
- font: inherit;
22
- vertical-align: baseline;
23
- }
24
-
25
- article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
26
- display: block;
27
- }
28
-
29
- body {
30
- line-height: 1;
31
- }
32
-
33
- ol, ul {
34
- list-style: none;
35
- }
36
-
37
- blockquote, q {
38
- quotes: none;
39
- }
40
-
41
- blockquote:before, blockquote:after, q:before, q:after {
42
- content: '';
43
- content: none;
44
- }
45
-
46
- table {
47
- border-collapse: collapse;
48
- border-spacing: 0;
49
- }
50
-
@@ -1,10 +1,35 @@
1
1
  .swatch {
2
+ position: relative;
2
3
  display: inline-block;
3
4
  height: 50px;
4
5
  width: 50px;
5
- margin:10px;
6
+ margin: 10px;
6
7
  }
7
8
 
9
+ .swatch:after {
10
+ position: absolute;
11
+ bottom: 0;
12
+ left: 0;
13
+ padding: 0 2px;
14
+ font-size: 10px;
15
+ line-height: 12px;
16
+ height: 12px;
17
+ font-weight: 100;
18
+ background-color: #f5f5f5;
19
+ color: #888;
20
+ opacity: 0.75;
21
+ }
22
+
23
+ .freshBlue:after { content: "Blue"; }
24
+ .freshRed:after { content: "Red"; }
25
+ .freshGold:after { content: "Gold"; }
26
+ .freshBlack:after { content: "Black"; }
27
+ .freshDarkGray:after { content: "DarkGray"; }
28
+ .freshGray:after { content: "Gray"; }
29
+ .freshGray:after { content: "Gray"; }
30
+ .freshLightGray:after { content: "LightGray"; }
31
+ .freshLighterGray:after { content: "LighterGray"; }
32
+
8
33
  .freshBlue { background-color: #6D99D3; }
9
34
  .freshRed { background-color: #B90020; }
10
35
  .freshGold { background-color: #C59E16; }
@@ -0,0 +1,4 @@
1
+ .three-dee {
2
+ color: transparent;
3
+ text-shadow: -2px 0 0 rgba(255, 0, 0, 0.5), 1px 0 0 rgba(0, 0, 255, 0.5);
4
+ }
@@ -1,8 +1,8 @@
1
- <div class="swatch freshBlue "></div>
2
- <div class="swatch freshRed "></div>
3
- <div class="swatch freshGold "></div>
4
- <div class="swatch freshBlack "></div>
5
- <div class="swatch freshDarkGray "></div>
6
- <div class="swatch freshGray "></div>
7
- <div class="swatch freshLightGray "></div>
8
- <div class="swatch freshLighterGray "></div>
1
+ <div class="swatch freshBlue"></div>
2
+ <div class="swatch freshRed"></div>
3
+ <div class="swatch freshGold"></div>
4
+ <div class="swatch freshBlack"></div>
5
+ <div class="swatch freshDarkGray"></div>
6
+ <div class="swatch freshGray"></div>
7
+ <div class="swatch freshLightGray"></div>
8
+ <div class="swatch freshLighterGray"></div>
@@ -0,0 +1 @@
1
+ <h1 class="three-dee">Style Guide 3D: The Pivoting</h1>
@@ -1,5 +1,7 @@
1
- # Sample localization file for English. Add more files in this directory for other locales.
2
- # See https://github.com/svenfuchs/rails-i18n/tree/master/rails%2Flocale for starting points.
3
-
4
1
  en:
5
- hello: "Hello world"
2
+ style_guide:
3
+ styles:
4
+ 00swatches: All the colors for the site.
5
+ three_dee: >
6
+ Provides a visually-irritating, though 3D-glasses friendly, text shadow
7
+ on all the text you want to pass in. Just add <code>.three-dee</code>!
@@ -4,7 +4,7 @@ describe StyleGuide::Config do
4
4
  describe "#partial_paths" do
5
5
  context "when no paths have been added" do
6
6
  it { should have(1).partial_path }
7
- its(:partial_paths) { should == [StyleGuide::Engine.root.join("app/views/style_guide/partials")] }
7
+ its(:partial_paths) { should == [StyleGuide::Engine.root.join("app/views/style_guide/bootstrap_base")] }
8
8
  end
9
9
 
10
10
  context "after a path has been added" do
@@ -28,19 +28,19 @@ describe StyleGuide::Section do
28
28
  subject { section.id }
29
29
 
30
30
  context "with a simple path" do
31
- it { should == "magnetic_sputum" }
31
+ it { should == "sputum" }
32
32
  end
33
33
 
34
34
  context "with a good activerecord path" do
35
35
  let(:path) { "/tasty/bicycle_tires" }
36
36
 
37
- it { should == "tasty_bicycle_tires" }
37
+ it { should == "bicycle_tires" }
38
38
  end
39
39
 
40
40
  context "with a path containing extra stuff" do
41
41
  let(:path) { "/help/kocher%has-m1y=keyb^oaard" }
42
42
 
43
- it { should == "help_kocher_has_m1y_keyb_oaard" }
43
+ it { should == "kocher_has_m1y_keyb_oaard" }
44
44
  end
45
45
  end
46
46
 
data/style-guide.gemspec CHANGED
@@ -14,6 +14,7 @@ Gem::Specification.new do |s|
14
14
  s.test_files = `git ls-files -- spec/*`.split( "\n" )
15
15
  s.require_paths = ['lib']
16
16
 
17
+ s.add_dependency "i18n"
17
18
  s.add_dependency "rails"
18
19
  s.add_dependency "jquery-rails"
19
20
 
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: style-guide
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.1
4
+ version: 0.3.0
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,8 +9,24 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2012-12-10 00:00:00.000000000 Z
12
+ date: 2012-12-12 00:00:00.000000000 Z
13
13
  dependencies:
14
+ - !ruby/object:Gem::Dependency
15
+ name: i18n
16
+ requirement: !ruby/object:Gem::Requirement
17
+ none: false
18
+ requirements:
19
+ - - ! '>='
20
+ - !ruby/object:Gem::Version
21
+ version: '0'
22
+ type: :runtime
23
+ prerelease: false
24
+ version_requirements: !ruby/object:Gem::Requirement
25
+ none: false
26
+ requirements:
27
+ - - ! '>='
28
+ - !ruby/object:Gem::Version
29
+ version: '0'
14
30
  - !ruby/object:Gem::Dependency
15
31
  name: rails
16
32
  requirement: !ruby/object:Gem::Requirement
@@ -268,8 +284,6 @@ files:
268
284
  - app/assets/javascripts/style_guide/docs.js
269
285
  - app/assets/javascripts/style_guide/prettify.js
270
286
  - app/assets/javascripts/style_guide/sidebar.js
271
- - app/assets/stylesheets/docs.css
272
- - app/assets/stylesheets/responsive.css
273
287
  - app/assets/stylesheets/style_guide/application.css
274
288
  - app/assets/stylesheets/style_guide/ars-maquette-web.css
275
289
  - app/assets/stylesheets/style_guide/example.css
@@ -283,19 +297,28 @@ files:
283
297
  - app/controllers/style_guide/style_controller.rb
284
298
  - app/helpers/style_guide/application_helper.rb
285
299
  - app/views/layouts/style_guide/application.html.erb
286
- - app/views/style_guide/partials/_button_disabled_state.erb
287
- - app/views/style_guide/partials/_button_element.erb
288
- - app/views/style_guide/partials/_button_sizes.erb
289
- - app/views/style_guide/partials/_buttons.erb
290
- - app/views/style_guide/partials/_code_blocks.erb
291
- - app/views/style_guide/partials/_code_inline.erb
292
- - app/views/style_guide/partials/_forms.erb
293
- - app/views/style_guide/partials/_images.erb
294
- - app/views/style_guide/partials/_tables.erb
295
- - app/views/style_guide/partials/_typography.erb
300
+ - app/views/style_guide/bootstrap_base/_button:_disabled_anchor.erb
301
+ - app/views/style_guide/bootstrap_base/_button:_disabled_element.erb
302
+ - app/views/style_guide/bootstrap_base/_button_sizes.erb
303
+ - app/views/style_guide/bootstrap_base/_button_types.erb
304
+ - app/views/style_guide/bootstrap_base/_code:_blocks.erb
305
+ - app/views/style_guide/bootstrap_base/_code:_inline.erb
306
+ - app/views/style_guide/bootstrap_base/_form_controls:_checkbox_and_radio.erb
307
+ - app/views/style_guide/bootstrap_base/_form_controls:_input.erb
308
+ - app/views/style_guide/bootstrap_base/_form_controls:_select.erb
309
+ - app/views/style_guide/bootstrap_base/_form_controls:_textarea.erb
310
+ - app/views/style_guide/bootstrap_base/_forms:_default_styles.erb
311
+ - app/views/style_guide/bootstrap_base/_forms:_horizontal.erb
312
+ - app/views/style_guide/bootstrap_base/_forms:_inline.erb
313
+ - app/views/style_guide/bootstrap_base/_forms:_search.erb
314
+ - app/views/style_guide/bootstrap_base/_images.erb
315
+ - app/views/style_guide/bootstrap_base/_tables.erb
316
+ - app/views/style_guide/bootstrap_base/_typography.erb
317
+ - app/views/style_guide/style/_example.erb
296
318
  - app/views/style_guide/style/_header.erb
297
319
  - app/views/style_guide/style/_sidebar.erb
298
320
  - app/views/style_guide/style/show.html.erb
321
+ - config/locales/en.yml
299
322
  - config/routes.rb
300
323
  - lib/style_guide.rb
301
324
  - lib/style_guide/config.rb
@@ -337,13 +360,14 @@ files:
337
360
  - spec/dummy/app/assets/stylesheets/bootstrap-responsive.css
338
361
  - spec/dummy/app/assets/stylesheets/bootstrap.css
339
362
  - spec/dummy/app/assets/stylesheets/swatches.css
363
+ - spec/dummy/app/assets/stylesheets/three_dee.css
340
364
  - spec/dummy/app/controllers/application_controller.rb
341
365
  - spec/dummy/app/helpers/application_helper.rb
342
366
  - spec/dummy/app/mailers/.gitkeep
343
367
  - spec/dummy/app/models/.gitkeep
344
368
  - spec/dummy/app/views/layouts/application.html.erb
345
369
  - spec/dummy/app/views/styles/_00swatches.erb
346
- - spec/dummy/app/views/styles/_info-header.erb
370
+ - spec/dummy/app/views/styles/_three_dee.erb
347
371
  - spec/dummy/config.ru
348
372
  - spec/dummy/config/application.rb
349
373
  - spec/dummy/config/boot.rb
@@ -438,13 +462,14 @@ test_files:
438
462
  - spec/dummy/app/assets/stylesheets/bootstrap-responsive.css
439
463
  - spec/dummy/app/assets/stylesheets/bootstrap.css
440
464
  - spec/dummy/app/assets/stylesheets/swatches.css
465
+ - spec/dummy/app/assets/stylesheets/three_dee.css
441
466
  - spec/dummy/app/controllers/application_controller.rb
442
467
  - spec/dummy/app/helpers/application_helper.rb
443
468
  - spec/dummy/app/mailers/.gitkeep
444
469
  - spec/dummy/app/models/.gitkeep
445
470
  - spec/dummy/app/views/layouts/application.html.erb
446
471
  - spec/dummy/app/views/styles/_00swatches.erb
447
- - spec/dummy/app/views/styles/_info-header.erb
472
+ - spec/dummy/app/views/styles/_three_dee.erb
448
473
  - spec/dummy/config.ru
449
474
  - spec/dummy/config/application.rb
450
475
  - spec/dummy/config/boot.rb
@@ -1,153 +0,0 @@
1
- /* Add additional stylesheets below
2
- -------------------------------------------------- */
3
- /*
4
- Bootstrap's documentation styles
5
- Special styles for presenting Bootstrap's documentation and examples
6
- */
7
-
8
-
9
-
10
-
11
-
12
-
13
- /* Special grid styles
14
- -------------------------------------------------- */
15
-
16
- .show-grid {
17
- margin-top: 10px;
18
- margin-bottom: 20px;
19
- }
20
- .show-grid [class*="span"] {
21
- background-color: #eee;
22
- text-align: center;
23
- -webkit-border-radius: 3px;
24
- -moz-border-radius: 3px;
25
- border-radius: 3px;
26
- min-height: 40px;
27
- line-height: 40px;
28
- }
29
- .show-grid:hover [class*="span"] {
30
- background: #ddd;
31
- }
32
- .show-grid .show-grid {
33
- margin-top: 0;
34
- margin-bottom: 0;
35
- }
36
- .show-grid .show-grid [class*="span"] {
37
- background-color: #ccc;
38
- }
39
-
40
-
41
-
42
- /* Misc
43
- -------------------------------------------------- */
44
-
45
- /* Make tables spaced out a bit more */
46
- h2 + table,
47
- h3 + table,
48
- h4 + table,
49
- h2 + .row {
50
- margin-top: 5px;
51
- }
52
-
53
- /* Fake the :focus state to demo it */
54
- .focused {
55
- border-color: rgba(82,168,236,.8);
56
- -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
57
- -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
58
- box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
59
- outline: 0;
60
- }
61
-
62
- /* For input sizes, make them display block */
63
- .docs-input-sizes select,
64
- .docs-input-sizes input[type=text] {
65
- display: block;
66
- margin-bottom: 9px;
67
- }
68
-
69
- /* Icons
70
- ------------------------- */
71
- .the-icons {
72
- margin-left: 0;
73
- list-style: none;
74
- }
75
- .the-icons li {
76
- float: left;
77
- width: 25%;
78
- line-height: 25px;
79
- }
80
- .the-icons i:hover {
81
- background-color: rgba(255,0,0,.25);
82
- }
83
-
84
-
85
-
86
- /* Responsive docs
87
- -------------------------------------------------- */
88
-
89
- /* Utility classes table
90
- ------------------------- */
91
- .responsive-utilities th small {
92
- display: block;
93
- font-weight: normal;
94
- color: #999;
95
- }
96
- .responsive-utilities tbody th {
97
- font-weight: normal;
98
- }
99
- .responsive-utilities td {
100
- text-align: center;
101
- }
102
- .responsive-utilities td.is-visible {
103
- color: #468847;
104
- background-color: #dff0d8 !important;
105
- }
106
- .responsive-utilities td.is-hidden {
107
- color: #ccc;
108
- background-color: #f9f9f9 !important;
109
- }
110
-
111
- /* Responsive tests
112
- ------------------------- */
113
- .responsive-utilities-test {
114
- margin-top: 5px;
115
- margin-left: 0;
116
- list-style: none;
117
- overflow: hidden; /* clear floats */
118
- }
119
- .responsive-utilities-test li {
120
- position: relative;
121
- float: left;
122
- width: 25%;
123
- height: 43px;
124
- font-size: 14px;
125
- font-weight: bold;
126
- line-height: 43px;
127
- color: #999;
128
- text-align: center;
129
- border: 1px solid #ddd;
130
- -webkit-border-radius: 4px;
131
- -moz-border-radius: 4px;
132
- border-radius: 4px;
133
- }
134
- .responsive-utilities-test li + li {
135
- margin-left: 10px;
136
- }
137
- .responsive-utilities-test span {
138
- position: absolute;
139
- top: -1px;
140
- left: -1px;
141
- right: -1px;
142
- bottom: -1px;
143
- -webkit-border-radius: 4px;
144
- -moz-border-radius: 4px;
145
- border-radius: 4px;
146
- }
147
- .responsive-utilities-test span {
148
- color: #468847;
149
- background-color: #dff0d8;
150
- border: 1px solid #d6e9c6;
151
- }
152
-
153
-