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.
- data/Gemfile.lock +3 -2
- data/app/assets/stylesheets/style_guide/example.css +55 -6
- data/app/assets/stylesheets/style_guide/header.css +5 -5
- data/app/assets/stylesheets/style_guide/layout.css +3 -33
- data/app/assets/stylesheets/style_guide/navbar.css +25 -22
- data/app/assets/stylesheets/style_guide/sidebar.css +2 -0
- data/app/views/layouts/style_guide/application.html.erb +1 -1
- data/app/views/style_guide/{partials/_button_disabled_state.erb → bootstrap_base/_button:_disabled_anchor.erb} +0 -0
- data/app/views/style_guide/{partials/_button_element.erb → bootstrap_base/_button:_disabled_element.erb} +0 -0
- data/app/views/style_guide/{partials → bootstrap_base}/_button_sizes.erb +0 -0
- data/app/views/style_guide/{partials/_buttons.erb → bootstrap_base/_button_types.erb} +0 -0
- data/app/views/style_guide/bootstrap_base/_code:_blocks.erb +8 -0
- data/app/views/style_guide/{partials/_code_inline.erb → bootstrap_base/_code:_inline.erb} +0 -0
- data/app/views/style_guide/bootstrap_base/_form_controls:_checkbox_and_radio.erb +13 -0
- data/app/views/style_guide/bootstrap_base/_form_controls:_input.erb +1 -0
- data/app/views/style_guide/bootstrap_base/_form_controls:_select.erb +15 -0
- data/app/views/style_guide/bootstrap_base/_form_controls:_textarea.erb +1 -0
- data/app/views/style_guide/bootstrap_base/_forms:_default_styles.erb +12 -0
- data/app/views/style_guide/bootstrap_base/_forms:_horizontal.erb +22 -0
- data/app/views/style_guide/bootstrap_base/_forms:_inline.erb +8 -0
- data/app/views/style_guide/bootstrap_base/_forms:_search.erb +4 -0
- data/app/views/style_guide/bootstrap_base/_images.erb +136 -0
- data/app/views/style_guide/{partials → bootstrap_base}/_tables.erb +0 -0
- data/app/views/style_guide/{partials → bootstrap_base}/_typography.erb +0 -0
- data/app/views/style_guide/style/_example.erb +10 -0
- data/app/views/style_guide/style/show.html.erb +1 -6
- data/config/locales/en.yml +57 -0
- data/lib/style_guide/config.rb +1 -1
- data/lib/style_guide/engine.rb +2 -0
- data/lib/style_guide/section.rb +1 -1
- data/lib/style_guide/version.rb +1 -1
- data/spec/dummy/app/assets/stylesheets/application.css +0 -37
- data/spec/dummy/app/assets/stylesheets/swatches.css +26 -1
- data/spec/dummy/app/assets/stylesheets/three_dee.css +4 -0
- data/spec/dummy/app/views/styles/_00swatches.erb +8 -8
- data/spec/dummy/app/views/styles/_three_dee.erb +1 -0
- data/spec/dummy/config/locales/en.yml +6 -4
- data/spec/lib/style_guide/config_spec.rb +1 -1
- data/spec/lib/style_guide/section_spec.rb +3 -3
- data/style-guide.gemspec +1 -0
- metadata +41 -16
- data/app/assets/stylesheets/docs.css +0 -153
- data/app/assets/stylesheets/responsive.css +0 -164
- data/app/views/style_guide/partials/_code_blocks.erb +0 -12
- data/app/views/style_guide/partials/_forms.erb +0 -714
- data/app/views/style_guide/partials/_images.erb +0 -318
- data/spec/dummy/app/views/styles/_info-header.erb +0 -1
File without changes
|
File without changes
|
@@ -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
|
-
|
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><a></code> buttons look unclickable by adding
|
6
|
+
the <code>.disabled</code> class
|
7
|
+
button_disabled_element: >
|
8
|
+
Make <code><button></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><code></code> for inline snippets of code.
|
18
|
+
code_blocks: >
|
19
|
+
Use <code><pre></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><form></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><input></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.
|
data/lib/style_guide/config.rb
CHANGED
@@ -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/
|
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
|
data/lib/style_guide/engine.rb
CHANGED
@@ -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
|
data/lib/style_guide/section.rb
CHANGED
data/lib/style_guide/version.rb
CHANGED
@@ -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; }
|
@@ -1,8 +1,8 @@
|
|
1
|
-
<div class="swatch freshBlue
|
2
|
-
<div class="swatch freshRed
|
3
|
-
<div class="swatch freshGold
|
4
|
-
<div class="swatch freshBlack
|
5
|
-
<div class="swatch freshDarkGray
|
6
|
-
<div class="swatch freshGray
|
7
|
-
<div class="swatch freshLightGray
|
8
|
-
<div class="swatch freshLighterGray
|
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
|
-
|
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/
|
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 == "
|
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 == "
|
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 == "
|
43
|
+
it { should == "kocher_has_m1y_keyb_oaard" }
|
44
44
|
end
|
45
45
|
end
|
46
46
|
|
data/style-guide.gemspec
CHANGED
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.
|
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-
|
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/
|
287
|
-
- app/views/style_guide/
|
288
|
-
- app/views/style_guide/
|
289
|
-
- app/views/style_guide/
|
290
|
-
- app/views/style_guide/
|
291
|
-
- app/views/style_guide/
|
292
|
-
- app/views/style_guide/
|
293
|
-
- app/views/style_guide/
|
294
|
-
- app/views/style_guide/
|
295
|
-
- app/views/style_guide/
|
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/
|
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/
|
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
|
-
|