bootstrap_styleguide 0.1.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.
- checksums.yaml +7 -0
- data/MIT-LICENSE +20 -0
- data/README.md +31 -0
- data/Rakefile +18 -0
- data/app/assets/config/bootstrap_styleguide_manifest.js +1 -0
- data/app/assets/stylesheets/bootstrap_styleguide/application.css +15 -0
- data/app/controllers/bootstrap_styleguide/application_controller.rb +5 -0
- data/app/controllers/bootstrap_styleguide/components_controller.rb +5 -0
- data/app/controllers/bootstrap_styleguide/content_controller.rb +5 -0
- data/app/controllers/bootstrap_styleguide/forms_controller.rb +5 -0
- data/app/controllers/bootstrap_styleguide/layout_controller.rb +5 -0
- data/app/controllers/bootstrap_styleguide/styleguide_controller.rb +6 -0
- data/app/controllers/bootstrap_styleguide/utilities_controller.rb +5 -0
- data/app/helpers/bootstrap_styleguide/application_helper.rb +37 -0
- data/app/jobs/bootstrap_styleguide/application_job.rb +4 -0
- data/app/mailers/bootstrap_styleguide/application_mailer.rb +6 -0
- data/app/models/bootstrap_styleguide/application_record.rb +5 -0
- data/app/views/bootstrap_styleguide/components/accordion.html.erb +47 -0
- data/app/views/bootstrap_styleguide/components/alerts.html.erb +33 -0
- data/app/views/bootstrap_styleguide/components/badge.html.erb +41 -0
- data/app/views/bootstrap_styleguide/components/breadcrumbs.html.erb +42 -0
- data/app/views/bootstrap_styleguide/components/button_group.html.erb +67 -0
- data/app/views/bootstrap_styleguide/components/buttons.html.erb +43 -0
- data/app/views/bootstrap_styleguide/components/cards.html.erb +72 -0
- data/app/views/bootstrap_styleguide/components/carousel.html.erb +5 -0
- data/app/views/bootstrap_styleguide/components/close_button.html.erb +10 -0
- data/app/views/bootstrap_styleguide/components/collapse.html.erb +59 -0
- data/app/views/bootstrap_styleguide/components/dropdowns.html.erb +44 -0
- data/app/views/bootstrap_styleguide/components/modal.html.erb +63 -0
- data/app/views/bootstrap_styleguide/components/navbar.html.erb +44 -0
- data/app/views/bootstrap_styleguide/components/navs_and_tabs.html.erb +65 -0
- data/app/views/bootstrap_styleguide/components/offcanvas.html.erb +69 -0
- data/app/views/bootstrap_styleguide/components/pagination.html.erb +46 -0
- data/app/views/bootstrap_styleguide/components/popovers.html.erb +26 -0
- data/app/views/bootstrap_styleguide/components/progress.html.erb +61 -0
- data/app/views/bootstrap_styleguide/components/spinners.html.erb +62 -0
- data/app/views/bootstrap_styleguide/components/toasts.html.erb +58 -0
- data/app/views/bootstrap_styleguide/components/tooltips.html.erb +20 -0
- data/app/views/bootstrap_styleguide/content/images.html.erb +5 -0
- data/app/views/bootstrap_styleguide/content/tables.html.erb +74 -0
- data/app/views/bootstrap_styleguide/content/typography.html.erb +68 -0
- data/app/views/bootstrap_styleguide/forms/checks_and_radios.html.erb +58 -0
- data/app/views/bootstrap_styleguide/forms/floating_labels.html.erb +60 -0
- data/app/views/bootstrap_styleguide/forms/input_group.html.erb +30 -0
- data/app/views/bootstrap_styleguide/forms/range.html.erb +11 -0
- data/app/views/bootstrap_styleguide/forms/select.html.erb +34 -0
- data/app/views/bootstrap_styleguide/layout/breakpoints.html.erb +49 -0
- data/app/views/bootstrap_styleguide/layout/containers.html.erb +111 -0
- data/app/views/bootstrap_styleguide/layout/grid.html.erb +51 -0
- data/app/views/bootstrap_styleguide/styleguide/index.html.erb +24 -0
- data/app/views/bootstrap_styleguide/utilities/background.html.erb +38 -0
- data/app/views/bootstrap_styleguide/utilities/borders.html.erb +67 -0
- data/app/views/bootstrap_styleguide/utilities/colors.html.erb +26 -0
- data/app/views/bootstrap_styleguide/utilities/shadows.html.erb +13 -0
- data/app/views/bootstrap_styleguide/utilities/spacing.html.erb +37 -0
- data/app/views/bootstrap_styleguide/utilities/text.html.erb +25 -0
- data/app/views/layouts/_styleguide_header.html.erb +71 -0
- data/app/views/layouts/styleguide.html.erb +19 -0
- data/config/routes.rb +47 -0
- data/lib/bootstrap_styleguide/engine.rb +5 -0
- data/lib/bootstrap_styleguide/version.rb +3 -0
- data/lib/bootstrap_styleguide.rb +6 -0
- data/lib/generators/bootstrap_styleguide/install_generator.rb +22 -0
- data/lib/tasks/bootstrap_styleguide_tasks.rake +4 -0
- metadata +123 -0
@@ -0,0 +1,67 @@
|
|
1
|
+
<h1 id="content">Borders</h1>
|
2
|
+
<p class="bd-lead">Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element.</p>
|
3
|
+
|
4
|
+
<h2>Additive</h2>
|
5
|
+
|
6
|
+
<p>Use border utilities to add or remove an element’s borders. Choose from all borders or one at a time.</p>
|
7
|
+
|
8
|
+
<%= example_with_code do %>
|
9
|
+
<div class="border d-inline-block bg-light" style="height: 50px; width: 50px"></div>
|
10
|
+
<div class="border-top d-inline-block bg-light" style="height: 50px; width: 50px"></div>
|
11
|
+
<div class="border-end d-inline-block bg-light" style="height: 50px; width: 50px"></div>
|
12
|
+
<div class="border-bottom d-inline-block bg-light" style="height: 50px; width: 50px"></div>
|
13
|
+
<div class="border-start d-inline-block bg-light" style="height: 50px; width: 50px"></div>
|
14
|
+
<% end %>
|
15
|
+
|
16
|
+
<h2>Subtractive</h2>
|
17
|
+
|
18
|
+
<%= example_with_code do %>
|
19
|
+
<div class="border border-0 d-inline-block bg-light" style="height: 50px; width: 50px"></div>
|
20
|
+
<div class="border border-top-0 d-inline-block bg-light" style="height: 50px; width: 50px"></div>
|
21
|
+
<div class="border border-end-0 d-inline-block bg-light" style="height: 50px; width: 50px"></div>
|
22
|
+
<div class="border border-bottom-0 d-inline-block bg-light" style="height: 50px; width: 50px"></div>
|
23
|
+
<div class="border border-start-0 d-inline-block bg-light" style="height: 50px; width: 50px"></div>
|
24
|
+
<% end %>
|
25
|
+
|
26
|
+
<h2>Border color</h2>
|
27
|
+
<p>Change the border color using utilities built on our theme colors.</p>
|
28
|
+
|
29
|
+
<%= example_with_code do %>
|
30
|
+
<div class="border d-inline-block bg-light border-primary" style="height: 50px; width: 50px"></div>
|
31
|
+
<div class="border-top d-inline-block bg-light border-secondary" style="height: 50px; width: 50px"></div>
|
32
|
+
<div class="border-end d-inline-block bg-light border-success" style="height: 50px; width: 50px"></div>
|
33
|
+
<div class="border-bottom d-inline-block bg-light border-danger" style="height: 50px; width: 50px"></div>
|
34
|
+
<div class="border-start d-inline-block bg-light border-warning" style="height: 50px; width: 50px"></div>
|
35
|
+
<% end %>
|
36
|
+
|
37
|
+
<h2>Border width</h2>
|
38
|
+
|
39
|
+
<%= example_with_code do %>
|
40
|
+
<div class="border border-1 d-inline-block bg-light" style="height: 50px; width: 50px"></div>
|
41
|
+
<div class="border border-2 d-inline-block bg-light" style="height: 50px; width: 50px"></div>
|
42
|
+
<div class="border border-3 d-inline-block bg-light" style="height: 50px; width: 50px"></div>
|
43
|
+
<div class="border border-4 d-inline-block bg-light" style="height: 50px; width: 50px"></div>
|
44
|
+
<div class="border border-5 d-inline-block bg-light" style="height: 50px; width: 50px"></div>
|
45
|
+
<% end %>
|
46
|
+
|
47
|
+
<h2>Border radius</h2>
|
48
|
+
<p>Add classes to an element to easily round its corners.</p>
|
49
|
+
<%= example_with_code do %>
|
50
|
+
<div class="rounded d-inline-block bg-light" style="height: 50px; width: 50px"></div>
|
51
|
+
<div class="rounded-top d-inline-block bg-light" style="height: 50px; width: 50px"></div>
|
52
|
+
<div class="rounded-end d-inline-block bg-light" style="height: 50px; width: 50px"></div>
|
53
|
+
<div class="rounded-bottom d-inline-block bg-light" style="height: 50px; width: 50px"></div>
|
54
|
+
<div class="rounded-start d-inline-block bg-light" style="height: 50px; width: 50px"></div>
|
55
|
+
<div class="rounded-circle d-inline-block bg-light" style="height: 50px; width: 50px"></div>
|
56
|
+
<div class="rounded-pill d-inline-block bg-light" style="height: 50px; width: 100px"></div>
|
57
|
+
<% end %>
|
58
|
+
|
59
|
+
<h3>Sizes</h3>
|
60
|
+
<p>Use the scaling classes for larger or smaller rounded corners. Sizes range from 0 to 3, and can be configured by modifying the utilities API.</p>
|
61
|
+
|
62
|
+
<%= example_with_code do %>
|
63
|
+
<div class="rounded-0 d-inline-block bg-light" style="height: 50px; width: 50px"></div>
|
64
|
+
<div class="rounded-1 d-inline-block bg-light" style="height: 50px; width: 50px"></div>
|
65
|
+
<div class="rounded-2 d-inline-block bg-light" style="height: 50px; width: 50px"></div>
|
66
|
+
<div class="rounded-3 d-inline-block bg-light" style="height: 50px; width: 50px"></div>
|
67
|
+
<% end %>
|
@@ -0,0 +1,26 @@
|
|
1
|
+
<h2>Theme colors</h2>
|
2
|
+
<p>Convey meaning through color with a handful of color utility classes. Includes support for styling links with hover states, too.</p>
|
3
|
+
|
4
|
+
<div class="row mt-4">
|
5
|
+
<div class="col-md-4">
|
6
|
+
<div class="p-3 mb-3 bg-primary text-white">Primary</div>
|
7
|
+
</div>
|
8
|
+
<div class="col-md-4">
|
9
|
+
<div class="p-3 mb-3 bg-secondary text-white">Secondary</div>
|
10
|
+
</div>
|
11
|
+
<div class="col-md-4">
|
12
|
+
<div class="p-3 mb-3 bg-success text-white">Success</div>
|
13
|
+
</div>
|
14
|
+
<div class="col-md-4">
|
15
|
+
<div class="p-3 mb-3 bg-warning text-white">Warning</div>
|
16
|
+
</div>
|
17
|
+
<div class="col-md-4">
|
18
|
+
<div class="p-3 mb-3 bg-info text-white">Info</div>
|
19
|
+
</div>
|
20
|
+
<div class="col-md-4">
|
21
|
+
<div class="p-3 mb-3 bg-light text-dark">Light</div>
|
22
|
+
</div>
|
23
|
+
<div class="col-md-4">
|
24
|
+
<div class="p-3 mb-3 bg-dark text-white">Dark</div>
|
25
|
+
</div>
|
26
|
+
</div>
|
@@ -0,0 +1,13 @@
|
|
1
|
+
<h1 id="content">Shadows</h1>
|
2
|
+
<p class="bd-lead">Add or remove shadows to elements with box-shadow utilities.</p>
|
3
|
+
|
4
|
+
<h2>Example</h2>
|
5
|
+
|
6
|
+
<p>While shadows on components are disabled by default in Bootstrap and can be enabled via <code>$enable-shadows</code>, you can also quickly add or remove a shadow with our <code>box-shadow</code> utility classes. Includes support for <code>.shadow-none</code> and three default sizes (which have associated variables to match).</p>
|
7
|
+
|
8
|
+
<%= example_with_code do %>
|
9
|
+
<div class="shadow-none p-3 mb-5 bg-light rounded">No shadow</div>
|
10
|
+
<div class="shadow-sm p-3 mb-5 bg-body rounded">Small shadow</div>
|
11
|
+
<div class="shadow p-3 mb-5 bg-body rounded">Regular shadow</div>
|
12
|
+
<div class="shadow-lg p-3 mb-5 bg-body rounded">Larger shadow</div>
|
13
|
+
<% end %>
|
@@ -0,0 +1,37 @@
|
|
1
|
+
<h1 id="content">Spacing</h1>
|
2
|
+
<p>Bootstrap includes a wide range of shorthand responsive margin, padding, and gap utility classes to modify an element’s appearance.</p>
|
3
|
+
|
4
|
+
<h2 id="examples" class="mt-4">Margings and Paddings</h2>
|
5
|
+
|
6
|
+
<ul>
|
7
|
+
<li><code>0</code> - for classes that eliminate the <code>margin</code> or <code>padding</code> by setting it to <code>0</code></li>
|
8
|
+
<li><code>1</code> - (by default) for classes that set the <code>margin</code> or <code>padding</code> to <code>$spacer * .25</code></li>
|
9
|
+
<li><code>2</code> - (by default) for classes that set the <code>margin</code> or <code>padding</code> to <code>$spacer * .5</code></li>
|
10
|
+
<li><code>3</code> - (by default) for classes that set the <code>margin</code> or <code>padding</code> to <code>$spacer</code></li>
|
11
|
+
<li><code>4</code> - (by default) for classes that set the <code>margin</code> or <code>padding</code> to <code>$spacer * 1.5</code></li>
|
12
|
+
<li><code>5</code> - (by default) for classes that set the <code>margin</code> or <code>padding</code> to <code>$spacer * 3</code></li>
|
13
|
+
<li><code>auto</code> - for classes that set the <code>margin</code> to auto</li>
|
14
|
+
</ul>
|
15
|
+
|
16
|
+
<%= example_with_code do %>
|
17
|
+
<div class="d-inline-block" style="width: 50px;">
|
18
|
+
<div class="mb-2 text-center">5</div>
|
19
|
+
<div class="bg-primary"><div class="pt-5 me-5"></div></div>
|
20
|
+
</div>
|
21
|
+
<div class="d-inline-block" style="width: 50px;">
|
22
|
+
<div class="mb-2 text-center">4</div>
|
23
|
+
<div class="bg-primary"><div class="pt-4 me-4"></div></div>
|
24
|
+
</div>
|
25
|
+
<div class="d-inline-block" style="width: 50px;">
|
26
|
+
<div class="mb-2 text-center">3</div>
|
27
|
+
<div class="bg-primary"><div class="pt-3 me-3"></div></div>
|
28
|
+
</div>
|
29
|
+
<div class="d-inline-block" style="width: 50px;">
|
30
|
+
<div class="mb-2 text-center">2</div>
|
31
|
+
<div class="bg-primary"><div class="pt-2 me-2"></div></div>
|
32
|
+
</div>
|
33
|
+
<div class="d-inline-block" style="width: 50px;">
|
34
|
+
<div class="mb-2 text-center">1</div>
|
35
|
+
<div class="bg-primary"><div class="pt-1 me-1"></div></div>
|
36
|
+
</div>
|
37
|
+
<% end %>
|
@@ -0,0 +1,25 @@
|
|
1
|
+
<h1 id="content">Texts</h1>
|
2
|
+
|
3
|
+
<h2 id="examples" class="mt-4">Headings</h2>
|
4
|
+
<p>All HTML headings, <code><h1></code> through <code><h6></code>, are available.</p>
|
5
|
+
|
6
|
+
<%= example_with_code do %>
|
7
|
+
<h1 class="d-block">h1. Bootstrap heading</h1>
|
8
|
+
<h2 class="d-block">h2. Bootstrap heading</h2>
|
9
|
+
<h3 class="d-block">h3. Bootstrap heading</h3>
|
10
|
+
<h4 class="d-block">h4. Bootstrap heading</h4>
|
11
|
+
<h5 class="d-block">h5. Bootstrap heading</h5>
|
12
|
+
<h6 class="d-block">h6. Bootstrap heading</h6>
|
13
|
+
<% end %>
|
14
|
+
|
15
|
+
<h2 id="examples" class="mt-4">Font size</h2>
|
16
|
+
<p>Quickly change the <code>font-size</code> of text. While our heading classes (e.g., <code>.h1</code>–<code>.h6</code>) apply <code>font-size</code>, <code>font-weight</code>, and <code>line-height</code>, these utilities <em>only</em> apply <code>font-size</code>. Sizing for these utilities matches HTML’s heading elements, so as the number increases, their size decreases.</p>
|
17
|
+
|
18
|
+
<%= example_with_code do %>
|
19
|
+
<p class="fs-1">.fs-1 text</p>
|
20
|
+
<p class="fs-2">.fs-2 text</p>
|
21
|
+
<p class="fs-3">.fs-3 text</p>
|
22
|
+
<p class="fs-4">.fs-4 text</p>
|
23
|
+
<p class="fs-5">.fs-5 text</p>
|
24
|
+
<p class="fs-6">.fs-6 text</p>
|
25
|
+
<% end %>
|
@@ -0,0 +1,71 @@
|
|
1
|
+
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
2
|
+
<div class="container-fluid">
|
3
|
+
<a class="navbar-brand" href="#">Styleguide</a>
|
4
|
+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
5
|
+
<span class="navbar-toggler-icon"></span>
|
6
|
+
</button>
|
7
|
+
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
8
|
+
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
9
|
+
<li class="nav-item dropdown">
|
10
|
+
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
11
|
+
Layout
|
12
|
+
</a>
|
13
|
+
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
|
14
|
+
<% layout_items.each do |item| %>
|
15
|
+
<li>
|
16
|
+
<%= link_to item.to_s.humanize, send("layout_#{item}_path"), class: 'dropdown-item' %>
|
17
|
+
</li>
|
18
|
+
<% end %>
|
19
|
+
</ul>
|
20
|
+
</li>
|
21
|
+
<li class="nav-item dropdown">
|
22
|
+
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
23
|
+
Content
|
24
|
+
</a>
|
25
|
+
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
|
26
|
+
<% content_items.each do |item| %>
|
27
|
+
<li>
|
28
|
+
<%= link_to item.to_s.humanize, send("content_#{item}_path"), class: 'dropdown-item' %>
|
29
|
+
</li>
|
30
|
+
<% end %>
|
31
|
+
</ul>
|
32
|
+
</li>
|
33
|
+
<li class="nav-item dropdown">
|
34
|
+
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
35
|
+
Forms
|
36
|
+
</a>
|
37
|
+
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
|
38
|
+
<% forms_items.each do |item| %>
|
39
|
+
<li>
|
40
|
+
<%= link_to item.to_s.humanize, send("forms_#{item}_path"), class: 'dropdown-item' %>
|
41
|
+
</li>
|
42
|
+
<% end %>
|
43
|
+
</ul>
|
44
|
+
</li>
|
45
|
+
<li class="nav-item dropdown">
|
46
|
+
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
47
|
+
Components
|
48
|
+
</a>
|
49
|
+
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
|
50
|
+
<% components_items.each do |item| %>
|
51
|
+
<li>
|
52
|
+
<%= link_to item.to_s.humanize, send("components_#{item}_path"), class: 'dropdown-item' %>
|
53
|
+
</li>
|
54
|
+
<% end %>
|
55
|
+
</ul>
|
56
|
+
</li>
|
57
|
+
<li class="nav-item dropdown">
|
58
|
+
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
59
|
+
Utilities
|
60
|
+
</a>
|
61
|
+
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
|
62
|
+
<% utilities_items.each do |item| %>
|
63
|
+
<li>
|
64
|
+
<%= link_to item.to_s.humanize, send("utilities_#{item}_path"), class: 'dropdown-item' %>
|
65
|
+
</li>
|
66
|
+
<% end %>
|
67
|
+
</ul>
|
68
|
+
</ul>
|
69
|
+
</div>
|
70
|
+
</div>
|
71
|
+
</nav>
|
@@ -0,0 +1,19 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html>
|
3
|
+
<head>
|
4
|
+
<title>Bootstrap Styleguide</title>
|
5
|
+
<meta name="viewport" content="width=device-width,initial-scale=1">
|
6
|
+
<%= csrf_meta_tags %>
|
7
|
+
<%= csp_meta_tag %>
|
8
|
+
|
9
|
+
<%= stylesheet_link_tag 'application', media: 'all' %>
|
10
|
+
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
|
11
|
+
</head>
|
12
|
+
|
13
|
+
<body>
|
14
|
+
<%= render partial: 'layouts/styleguide_header' %>
|
15
|
+
<div class="container py-4">
|
16
|
+
<%= yield %>
|
17
|
+
</div>
|
18
|
+
</body>
|
19
|
+
</html>
|
data/config/routes.rb
ADDED
@@ -0,0 +1,47 @@
|
|
1
|
+
BootstrapStyleguide::Engine.routes.draw do
|
2
|
+
root 'styleguide#index'
|
3
|
+
|
4
|
+
get 'layout/breakpoints'
|
5
|
+
get 'layout/containers'
|
6
|
+
get 'layout/grid'
|
7
|
+
|
8
|
+
get 'content/typography'
|
9
|
+
get 'content/images'
|
10
|
+
get 'content/tables'
|
11
|
+
|
12
|
+
get 'forms/select'
|
13
|
+
get 'forms/checks_and_radios'
|
14
|
+
get 'forms/range'
|
15
|
+
get 'forms/input_group'
|
16
|
+
get 'forms/floating_labels'
|
17
|
+
|
18
|
+
get 'components/accordion'
|
19
|
+
get 'components/alerts'
|
20
|
+
get 'components/badge'
|
21
|
+
get 'components/breadcrumbs'
|
22
|
+
get 'components/buttons'
|
23
|
+
get 'components/button_group'
|
24
|
+
get 'components/cards'
|
25
|
+
get 'components/carousel'
|
26
|
+
get 'components/close_button'
|
27
|
+
get 'components/collapse'
|
28
|
+
get 'components/dropdowns'
|
29
|
+
get 'components/modal'
|
30
|
+
get 'components/navs_and_tabs'
|
31
|
+
get 'components/navbar'
|
32
|
+
get 'components/offcanvas'
|
33
|
+
get 'components/pagination'
|
34
|
+
get 'components/popovers'
|
35
|
+
get 'components/progress'
|
36
|
+
get 'components/spinners'
|
37
|
+
get 'components/toasts'
|
38
|
+
get 'components/tooltips'
|
39
|
+
|
40
|
+
get 'utilities/background'
|
41
|
+
get 'utilities/borders'
|
42
|
+
get 'utilities/colors'
|
43
|
+
get 'utilities/shadows'
|
44
|
+
get 'utilities/sizing'
|
45
|
+
get 'utilities/spacing'
|
46
|
+
get 'utilities/text'
|
47
|
+
end
|
@@ -0,0 +1,22 @@
|
|
1
|
+
require 'rails/generators'
|
2
|
+
|
3
|
+
module BootstrapStyleguide
|
4
|
+
class InstallGenerator < Rails::Generators::Base
|
5
|
+
source_root File.expand_path('../../../app/views', __dir__)
|
6
|
+
|
7
|
+
def add_routes
|
8
|
+
styleguide_routes = "mount BootstrapStyleguide::Engine => '/bootstrap_styleguide'"
|
9
|
+
route styleguide_routes
|
10
|
+
end
|
11
|
+
|
12
|
+
def create_styleguide_layout
|
13
|
+
layout_path = File.expand_path('../../../app/views/layouts/styleguide.html.erb', __dir__)
|
14
|
+
copy_file layout_path, "app/views/layouts/styleguide.html.erb"
|
15
|
+
end
|
16
|
+
|
17
|
+
def copy_styleguide_views
|
18
|
+
styleguide_directory = File.expand_path('../../../app/views/bootstrap_styleguide', __dir__)
|
19
|
+
directory styleguide_directory, 'app/views/bootstrap_styleguide'
|
20
|
+
end
|
21
|
+
end
|
22
|
+
end
|
metadata
ADDED
@@ -0,0 +1,123 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: bootstrap_styleguide
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 0.1.0
|
5
|
+
platform: ruby
|
6
|
+
authors:
|
7
|
+
- Santiago Bertinat
|
8
|
+
autorequire:
|
9
|
+
bindir: bin
|
10
|
+
cert_chain: []
|
11
|
+
date: 2022-01-24 00:00:00.000000000 Z
|
12
|
+
dependencies:
|
13
|
+
- !ruby/object:Gem::Dependency
|
14
|
+
name: rails
|
15
|
+
requirement: !ruby/object:Gem::Requirement
|
16
|
+
requirements:
|
17
|
+
- - ">="
|
18
|
+
- !ruby/object:Gem::Version
|
19
|
+
version: '0'
|
20
|
+
type: :runtime
|
21
|
+
prerelease: false
|
22
|
+
version_requirements: !ruby/object:Gem::Requirement
|
23
|
+
requirements:
|
24
|
+
- - ">="
|
25
|
+
- !ruby/object:Gem::Version
|
26
|
+
version: '0'
|
27
|
+
description: Bootstrap Styleguide for you Rails application.
|
28
|
+
email:
|
29
|
+
- santiago@eagerworks.com
|
30
|
+
executables: []
|
31
|
+
extensions: []
|
32
|
+
extra_rdoc_files: []
|
33
|
+
files:
|
34
|
+
- MIT-LICENSE
|
35
|
+
- README.md
|
36
|
+
- Rakefile
|
37
|
+
- app/assets/config/bootstrap_styleguide_manifest.js
|
38
|
+
- app/assets/stylesheets/bootstrap_styleguide/application.css
|
39
|
+
- app/controllers/bootstrap_styleguide/application_controller.rb
|
40
|
+
- app/controllers/bootstrap_styleguide/components_controller.rb
|
41
|
+
- app/controllers/bootstrap_styleguide/content_controller.rb
|
42
|
+
- app/controllers/bootstrap_styleguide/forms_controller.rb
|
43
|
+
- app/controllers/bootstrap_styleguide/layout_controller.rb
|
44
|
+
- app/controllers/bootstrap_styleguide/styleguide_controller.rb
|
45
|
+
- app/controllers/bootstrap_styleguide/utilities_controller.rb
|
46
|
+
- app/helpers/bootstrap_styleguide/application_helper.rb
|
47
|
+
- app/jobs/bootstrap_styleguide/application_job.rb
|
48
|
+
- app/mailers/bootstrap_styleguide/application_mailer.rb
|
49
|
+
- app/models/bootstrap_styleguide/application_record.rb
|
50
|
+
- app/views/bootstrap_styleguide/components/accordion.html.erb
|
51
|
+
- app/views/bootstrap_styleguide/components/alerts.html.erb
|
52
|
+
- app/views/bootstrap_styleguide/components/badge.html.erb
|
53
|
+
- app/views/bootstrap_styleguide/components/breadcrumbs.html.erb
|
54
|
+
- app/views/bootstrap_styleguide/components/button_group.html.erb
|
55
|
+
- app/views/bootstrap_styleguide/components/buttons.html.erb
|
56
|
+
- app/views/bootstrap_styleguide/components/cards.html.erb
|
57
|
+
- app/views/bootstrap_styleguide/components/carousel.html.erb
|
58
|
+
- app/views/bootstrap_styleguide/components/close_button.html.erb
|
59
|
+
- app/views/bootstrap_styleguide/components/collapse.html.erb
|
60
|
+
- app/views/bootstrap_styleguide/components/dropdowns.html.erb
|
61
|
+
- app/views/bootstrap_styleguide/components/modal.html.erb
|
62
|
+
- app/views/bootstrap_styleguide/components/navbar.html.erb
|
63
|
+
- app/views/bootstrap_styleguide/components/navs_and_tabs.html.erb
|
64
|
+
- app/views/bootstrap_styleguide/components/offcanvas.html.erb
|
65
|
+
- app/views/bootstrap_styleguide/components/pagination.html.erb
|
66
|
+
- app/views/bootstrap_styleguide/components/popovers.html.erb
|
67
|
+
- app/views/bootstrap_styleguide/components/progress.html.erb
|
68
|
+
- app/views/bootstrap_styleguide/components/spinners.html.erb
|
69
|
+
- app/views/bootstrap_styleguide/components/toasts.html.erb
|
70
|
+
- app/views/bootstrap_styleguide/components/tooltips.html.erb
|
71
|
+
- app/views/bootstrap_styleguide/content/images.html.erb
|
72
|
+
- app/views/bootstrap_styleguide/content/tables.html.erb
|
73
|
+
- app/views/bootstrap_styleguide/content/typography.html.erb
|
74
|
+
- app/views/bootstrap_styleguide/forms/checks_and_radios.html.erb
|
75
|
+
- app/views/bootstrap_styleguide/forms/floating_labels.html.erb
|
76
|
+
- app/views/bootstrap_styleguide/forms/input_group.html.erb
|
77
|
+
- app/views/bootstrap_styleguide/forms/range.html.erb
|
78
|
+
- app/views/bootstrap_styleguide/forms/select.html.erb
|
79
|
+
- app/views/bootstrap_styleguide/layout/breakpoints.html.erb
|
80
|
+
- app/views/bootstrap_styleguide/layout/containers.html.erb
|
81
|
+
- app/views/bootstrap_styleguide/layout/grid.html.erb
|
82
|
+
- app/views/bootstrap_styleguide/styleguide/index.html.erb
|
83
|
+
- app/views/bootstrap_styleguide/utilities/background.html.erb
|
84
|
+
- app/views/bootstrap_styleguide/utilities/borders.html.erb
|
85
|
+
- app/views/bootstrap_styleguide/utilities/colors.html.erb
|
86
|
+
- app/views/bootstrap_styleguide/utilities/shadows.html.erb
|
87
|
+
- app/views/bootstrap_styleguide/utilities/spacing.html.erb
|
88
|
+
- app/views/bootstrap_styleguide/utilities/text.html.erb
|
89
|
+
- app/views/layouts/_styleguide_header.html.erb
|
90
|
+
- app/views/layouts/styleguide.html.erb
|
91
|
+
- config/routes.rb
|
92
|
+
- lib/bootstrap_styleguide.rb
|
93
|
+
- lib/bootstrap_styleguide/engine.rb
|
94
|
+
- lib/bootstrap_styleguide/version.rb
|
95
|
+
- lib/generators/bootstrap_styleguide/install_generator.rb
|
96
|
+
- lib/tasks/bootstrap_styleguide_tasks.rake
|
97
|
+
homepage: https://github.com/eagerworks/bootstrap_styleguide
|
98
|
+
licenses:
|
99
|
+
- MIT
|
100
|
+
metadata:
|
101
|
+
homepage_uri: https://github.com/eagerworks/bootstrap_styleguide
|
102
|
+
source_code_uri: https://github.com/eagerworks/bootstrap_styleguide
|
103
|
+
changelog_uri: https://github.com/eagerworks/bootstrap_styleguide/commits/master
|
104
|
+
post_install_message:
|
105
|
+
rdoc_options: []
|
106
|
+
require_paths:
|
107
|
+
- lib
|
108
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
109
|
+
requirements:
|
110
|
+
- - ">="
|
111
|
+
- !ruby/object:Gem::Version
|
112
|
+
version: '0'
|
113
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
114
|
+
requirements:
|
115
|
+
- - ">="
|
116
|
+
- !ruby/object:Gem::Version
|
117
|
+
version: '0'
|
118
|
+
requirements: []
|
119
|
+
rubygems_version: 3.2.32
|
120
|
+
signing_key:
|
121
|
+
specification_version: 4
|
122
|
+
summary: Bootstrap Styleguide for you Rails application.
|
123
|
+
test_files: []
|