apx-docs-theme 0.1.7 → 0.1.15

Sign up to get free protection for your applications and to get access to all the features.
Files changed (156) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/footer.html +8 -9
  3. data/_includes/head.html +20 -9
  4. data/_includes/js_files.html +21 -3
  5. data/_includes/navbar.html +28 -0
  6. data/_includes/sidebar.html +43 -0
  7. data/_layouts/default.html +10 -10
  8. data/_layouts/docs.html +12 -20
  9. data/_sass/bootstrap/_alert.scss +51 -0
  10. data/_sass/bootstrap/_badge.scss +53 -0
  11. data/_sass/bootstrap/_breadcrumb.scss +41 -0
  12. data/_sass/bootstrap/_button-group.scss +163 -0
  13. data/_sass/bootstrap/_buttons.scss +73 -101
  14. data/_sass/bootstrap/_card.scss +310 -0
  15. data/_sass/bootstrap/_carousel.scss +130 -202
  16. data/_sass/bootstrap/_close.scss +23 -15
  17. data/_sass/bootstrap/_code.scss +15 -36
  18. data/_sass/bootstrap/_custom-forms.scss +507 -0
  19. data/_sass/bootstrap/_dropdown.scss +191 -0
  20. data/_sass/bootstrap/_forms.scss +215 -498
  21. data/_sass/bootstrap/_functions.scss +86 -0
  22. data/_sass/bootstrap/_grid.scss +29 -61
  23. data/_sass/bootstrap/_images.scss +42 -0
  24. data/_sass/bootstrap/_input-group.scss +193 -0
  25. data/_sass/bootstrap/_jumbotron.scss +9 -47
  26. data/_sass/bootstrap/_list-group.scss +70 -79
  27. data/_sass/bootstrap/_media.scss +3 -61
  28. data/_sass/bootstrap/_mixins.scss +19 -18
  29. data/_sass/bootstrap/_modal.scss +186 -0
  30. data/_sass/bootstrap/_nav.scss +120 -0
  31. data/_sass/bootstrap/_navbar.scss +192 -555
  32. data/_sass/bootstrap/_pagination.scss +59 -70
  33. data/_sass/bootstrap/_popover.scss +183 -0
  34. data/_sass/bootstrap/_print.scss +89 -49
  35. data/_sass/bootstrap/_progress.scss +34 -0
  36. data/_sass/bootstrap/_reboot.scss +462 -0
  37. data/_sass/bootstrap/_root.scss +19 -0
  38. data/_sass/bootstrap/_spinners.scss +53 -0
  39. data/_sass/bootstrap/_tables.scss +119 -166
  40. data/_sass/bootstrap/_toasts.scss +43 -0
  41. data/_sass/bootstrap/_tooltip.scss +93 -79
  42. data/_sass/bootstrap/_transitions.scss +22 -0
  43. data/_sass/bootstrap/_type.scss +66 -239
  44. data/_sass/bootstrap/_utilities.scss +16 -55
  45. data/_sass/bootstrap/_variables.scss +926 -709
  46. data/_sass/bootstrap/bootstrap-grid.scss +29 -0
  47. data/_sass/bootstrap/bootstrap-reboot.scss +12 -0
  48. data/_sass/bootstrap/bootstrap.scss +44 -0
  49. data/_sass/bootstrap/mixins/_alert.scss +13 -0
  50. data/_sass/bootstrap/mixins/_background-variant.scss +14 -5
  51. data/_sass/bootstrap/mixins/_badge.scss +11 -0
  52. data/_sass/bootstrap/mixins/_border-radius.scss +25 -8
  53. data/_sass/bootstrap/mixins/_box-shadow.scss +5 -0
  54. data/_sass/bootstrap/mixins/_breakpoints.scss +123 -0
  55. data/_sass/bootstrap/mixins/_buttons.scss +86 -40
  56. data/_sass/bootstrap/mixins/_caret.scss +62 -0
  57. data/_sass/bootstrap/mixins/_clearfix.scss +3 -18
  58. data/_sass/bootstrap/mixins/_float.scss +11 -0
  59. data/_sass/bootstrap/mixins/_forms.scss +176 -66
  60. data/_sass/bootstrap/mixins/_gradients.scss +17 -30
  61. data/_sass/bootstrap/mixins/_grid-framework.scss +51 -66
  62. data/_sass/bootstrap/mixins/_grid.scss +34 -105
  63. data/_sass/bootstrap/mixins/_hover.scss +37 -0
  64. data/_sass/bootstrap/mixins/_image.scss +18 -15
  65. data/_sass/bootstrap/mixins/_list-group.scss +10 -21
  66. data/_sass/bootstrap/mixins/_lists.scss +7 -0
  67. data/_sass/bootstrap/mixins/_nav-divider.scss +4 -4
  68. data/_sass/bootstrap/mixins/_pagination.scss +10 -12
  69. data/_sass/bootstrap/mixins/_reset-text.scss +7 -8
  70. data/_sass/bootstrap/mixins/_resize.scss +1 -1
  71. data/_sass/bootstrap/mixins/_screen-reader.scss +33 -0
  72. data/_sass/bootstrap/mixins/_size.scss +1 -5
  73. data/_sass/bootstrap/mixins/_table-row.scss +26 -15
  74. data/_sass/bootstrap/mixins/_text-emphasis.scss +7 -5
  75. data/_sass/bootstrap/mixins/_text-hide.scss +13 -0
  76. data/_sass/bootstrap/mixins/{_text-overflow.scss → _text-truncate.scss} +2 -2
  77. data/_sass/bootstrap/mixins/_transition.scss +16 -0
  78. data/_sass/bootstrap/mixins/_visibility.scss +7 -0
  79. data/_sass/bootstrap/utilities/_align.scss +8 -0
  80. data/_sass/bootstrap/utilities/_background.scss +19 -0
  81. data/_sass/bootstrap/utilities/_borders.scss +63 -0
  82. data/_sass/bootstrap/utilities/_clearfix.scss +3 -0
  83. data/_sass/bootstrap/utilities/_display.scss +38 -0
  84. data/_sass/bootstrap/utilities/_embed.scss +39 -0
  85. data/_sass/bootstrap/utilities/_flex.scss +51 -0
  86. data/_sass/bootstrap/utilities/_float.scss +9 -0
  87. data/_sass/bootstrap/utilities/_overflow.scss +5 -0
  88. data/_sass/bootstrap/utilities/_position.scss +32 -0
  89. data/_sass/bootstrap/utilities/_screenreaders.scss +11 -0
  90. data/_sass/bootstrap/utilities/_shadows.scss +6 -0
  91. data/_sass/bootstrap/utilities/_sizing.scss +20 -0
  92. data/_sass/bootstrap/utilities/_spacing.scss +73 -0
  93. data/_sass/bootstrap/utilities/_text.scss +67 -0
  94. data/_sass/bootstrap/utilities/_visibility.scss +11 -0
  95. data/_sass/markdown/code.scss +65 -0
  96. data/_sass/markdown/color-system.scss +114 -0
  97. data/_sass/markdown/images.scss +119 -0
  98. data/_sass/markdown/markdown-body.scss +103 -0
  99. data/_sass/markdown/markdown.scss +15 -0
  100. data/_sass/rouge.scss +209 -0
  101. data/_sass/theme.scss +35 -0
  102. data/_sass/{_typeahead.scss → typeahead.scss} +0 -0
  103. data/assets/css/main.scss +1 -90
  104. data/assets/img/{bg.jpg → jumbotron.jpg} +0 -0
  105. data/assets/js/bootstrap.min.js +6 -6
  106. data/assets/js/jquery-3.3.1.min.js +2 -0
  107. data/assets/js/main.js +2 -1
  108. data/assets/js/search.json +11 -0
  109. data/assets/js/typeahead.bundle.js +2621 -0
  110. data/assets/js/typeahead.bundle.min.js +4 -4
  111. metadata +81 -50
  112. data/_includes/pages_nav.html +0 -40
  113. data/_includes/topnav.html +0 -37
  114. data/_sass/_bootstrap.scss +0 -56
  115. data/_sass/_syntax-highlighting.scss +0 -71
  116. data/_sass/bootstrap/_alerts.scss +0 -73
  117. data/_sass/bootstrap/_badges.scss +0 -68
  118. data/_sass/bootstrap/_breadcrumbs.scss +0 -28
  119. data/_sass/bootstrap/_button-groups.scss +0 -244
  120. data/_sass/bootstrap/_component-animations.scss +0 -37
  121. data/_sass/bootstrap/_dropdowns.scss +0 -216
  122. data/_sass/bootstrap/_glyphicons.scss +0 -307
  123. data/_sass/bootstrap/_input-groups.scss +0 -171
  124. data/_sass/bootstrap/_labels.scss +0 -66
  125. data/_sass/bootstrap/_modals.scss +0 -150
  126. data/_sass/bootstrap/_navs.scss +0 -242
  127. data/_sass/bootstrap/_normalize.scss +0 -424
  128. data/_sass/bootstrap/_pager.scss +0 -54
  129. data/_sass/bootstrap/_panels.scss +0 -271
  130. data/_sass/bootstrap/_popovers.scss +0 -131
  131. data/_sass/bootstrap/_progress-bars.scss +0 -87
  132. data/_sass/bootstrap/_responsive-embed.scss +0 -35
  133. data/_sass/bootstrap/_responsive-utilities.scss +0 -179
  134. data/_sass/bootstrap/_scaffolding.scss +0 -161
  135. data/_sass/bootstrap/_theme.scss +0 -291
  136. data/_sass/bootstrap/_thumbnails.scss +0 -38
  137. data/_sass/bootstrap/_wells.scss +0 -29
  138. data/_sass/bootstrap/mixins/_alerts.scss +0 -14
  139. data/_sass/bootstrap/mixins/_center-block.scss +0 -7
  140. data/_sass/bootstrap/mixins/_hide-text.scss +0 -21
  141. data/_sass/bootstrap/mixins/_labels.scss +0 -12
  142. data/_sass/bootstrap/mixins/_nav-vertical-align.scss +0 -9
  143. data/_sass/bootstrap/mixins/_opacity.scss +0 -8
  144. data/_sass/bootstrap/mixins/_panels.scss +0 -24
  145. data/_sass/bootstrap/mixins/_progress-bar.scss +0 -10
  146. data/_sass/bootstrap/mixins/_reset-filter.scss +0 -8
  147. data/_sass/bootstrap/mixins/_responsive-visibility.scss +0 -21
  148. data/_sass/bootstrap/mixins/_tab-focus.scss +0 -9
  149. data/_sass/bootstrap/mixins/_vendor-prefixes.scss +0 -222
  150. data/assets/css/font-awesome.min.css +0 -4
  151. data/assets/fonts/FontAwesome.otf +0 -0
  152. data/assets/fonts/fontawesome-webfont.eot +0 -0
  153. data/assets/fonts/fontawesome-webfont.svg +0 -2671
  154. data/assets/fonts/fontawesome-webfont.ttf +0 -0
  155. data/assets/fonts/fontawesome-webfont.woff +0 -0
  156. data/assets/fonts/fontawesome-webfont.woff2 +0 -0
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 0b33655dd1448cea9ba19cfbf3fa43a169e8835a
4
- data.tar.gz: f3bcce7a1bcaa330f55aeb023d8c313d92767bf9
3
+ metadata.gz: d728b5f37c62642488cd37d289e1aacc551d99c6
4
+ data.tar.gz: c670e6cf4a9895841397f0e690f6b4886f8008d8
5
5
  SHA512:
6
- metadata.gz: 0e34a30bd923100047a1511cb6782986e075cbdbc98d1015452f8cf1b5427c9545f3989506d3d0af5e4c58a75752ce0d5578eafde7fbe13c6fd4e61350bf77b4
7
- data.tar.gz: 673683a6bf2b00ef9e6217042b34d38fb5ff3e0504229c17d38fbb81a2bffd9600e971fbf02fd11d38e87d60bea1db1b63c067d06233f06fb449a7f593037923
6
+ metadata.gz: fab5159f518943e6b868fee36bea6697237ac815977ce455a44a980e5bcb7a784e7d7669204054a8ee522d647faa990c4b3faedc4a86fb43fb82a58f1b6c477c
7
+ data.tar.gz: 12c08230829322fe52e6aa80708a60a96f2e810049fb3b322983b1103ad08d53c69f6eff38ec6c5efa079677f50cdc2fc3470c073bc6e2258fccd001426b3d42
@@ -1,10 +1,9 @@
1
- <footer class="footer">
2
- <div class="container">
3
-
4
- <p class="text-center">
5
- {{ site.title }} by UAVOS Inc. {{ site.time | date: '%Y' }} |
6
- &copy; <a href="https://linkedin.com/in/uavinda">Aliaksei Stratsilatau</a>
7
- </p>
8
- <!-- <p class="text-muted">Place sticky footer content here.</p> -->
9
- </div>
1
+ <footer class="footer bg-light mt-auto py-3 border-top">
2
+ <div class="container text-center">
3
+ <small class="text-muted">
4
+ {{ site.title }} by UAVOS Inc. {{ site.time | date: '%Y' }} |
5
+ &copy;&nbsp;<a href="https://linkedin.com/in/uavinda">Aliaksei Stratsilatau</a>
6
+ &nbsp;|&nbsp;<a href="#">Back to top</a>
7
+ </small>
8
+ </div>
10
9
  </footer>
@@ -1,14 +1,25 @@
1
1
  <head>
2
- <meta charset="utf-8">
3
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
4
- <meta name="viewport" content="width=device-width, initial-scale=1">
2
+ {% if site.google_analytics %}
3
+ <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
4
+ <script>
5
+ window.dataLayer = window.dataLayer || [];
6
+ function gtag(){dataLayer.push(arguments);}
7
+ gtag('js', new Date());
8
+ gtag('config', '{{ site.google_analytics }}');
9
+ </script>
10
+ {% endif %}
5
11
 
6
- <link rel="stylesheet" href="{{ "/assets/css/main.css" | prepend: site.baseurl }}">
7
- <link rel="stylesheet" href="{{ "/assets/css/font-awesome.min.css" | prepend: site.baseurl }}">
12
+ <meta charset="utf-8">
13
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
14
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
15
+ {% seo %}
8
16
 
9
- <link rel="shortcut icon" href="{{ "/assets/img/favicon.ico" | prepend: site.baseurl }}">
10
- {% seo %}
17
+ <link rel="shortcut icon" href="{{ "/assets/img/favicon.ico" | prepend: site.baseurl }}">
18
+ <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
19
+ <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" />
11
20
 
12
- <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
13
- <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" />
21
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
22
+
23
+ <!-- MAIN CSS -->
24
+ <link rel="stylesheet" href="{{ "/assets/css/main.css" | prepend: site.baseurl }}">
14
25
  </head>
@@ -1,8 +1,26 @@
1
1
  <script>
2
2
  var baseurl = '{{ site.baseurl }}'
3
3
  </script>
4
+
4
5
  <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
5
- <script src="{{ "/assets/js/bootstrap.min.js" | prepend: site.baseurl }} "></script>
6
- <script src="{{ "/assets/js/typeahead.bundle.min.js" | prepend: site.baseurl }} "></script>
7
6
 
8
- <script src="{{ "/assets/js/main.js" | prepend: site.baseurl }} "></script>
7
+
8
+ <script src="{{ "/assets/js/bootstrap.min.js" | prepend: site.baseurl }}"></script>
9
+
10
+ <script src="{{ "/assets/js/typeahead.bundle.js" | prepend: site.baseurl }}"></script>
11
+ <script src="{{ "/assets/js/main.js" | prepend: site.baseurl }}"></script>
12
+
13
+
14
+ <!--
15
+ <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
16
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
17
+
18
+ <script src="{{ "/assets/js/jquery-3.3.1.min.js" | prepend: site.baseurl }}"></script>
19
+
20
+ -->
21
+
22
+
23
+ {% if site.anchors %}
24
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.1.0/anchor.min.js" integrity="sha256-lZaRhKri35AyJSypXXs4o6OPFTbTmUoltBbDCbdzegg=" crossorigin="anonymous"></script>
25
+ <script>anchors.add();</script>
26
+ {% endif %}
@@ -0,0 +1,28 @@
1
+ <nav class="navbar fixed-top navbar-light bg-light navbar-expand-md shadow">
2
+ <a class="navbar-brand text-nowrap" href="{{ site.baseurl }}/index.html">
3
+ <img src="{{site.baseurl}}/assets/img/logo.png" width="30" height="30" class="d-inline-block align-top" alt="UAVOS Inc">
4
+ {{ site.title }}
5
+ </a>
6
+ <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
7
+ <span class="navbar-toggler-icon"></span>
8
+ </button>
9
+ <div class="collapse navbar-collapse" id="navbarNav">
10
+ <ul class="nav navbar-nav">
11
+ {% for section in site.data.sections %}
12
+ {% assign sdata = site.data[section] %}
13
+ {% if sdata.doc %}
14
+ {% assign sid = sdata.doc | prepend:"/" %}
15
+ {% else %}
16
+ {% assign sid = section | prepend:"/" | append:"/index" %}
17
+ {% endif %}
18
+ {% assign doc = site.docs | where:"id", sid | first %}
19
+ <li class="nav-item text-nowrap {% if page.id==doc.id %}active{% endif %}"><a class="nav-link" href="{{ doc.url | prepend: site.baseurl }}">{{ sdata.title }}</a></li>
20
+ {% endfor %}
21
+ </ul>
22
+ <form class="form-inline ml-auto">
23
+ <div class="input-group">
24
+ <input id="search-box" class="form-control" type="search" placeholder="Search..." aria-label="Search">
25
+ </div>
26
+ </form>
27
+ </div>
28
+ </nav>
@@ -0,0 +1,43 @@
1
+ {% assign section = page.id | split: "/" | shift | first %}
2
+ {% assign sdata = site.data[section] %}
3
+ {% if sdata.docs %}
4
+
5
+ <div class="{{ include.class }} pb-4">
6
+ <div class="list-group shadow mr-4">
7
+ {% for h in sdata.docs %}
8
+ {% if sdata.doc %}
9
+ {% assign shome = sdata.doc %}
10
+ {% else %}
11
+ {% assign shome = "index" %}
12
+ {% endif %}
13
+
14
+ {% assign sdocs = shome | concat: h.pages %}
15
+ {% for item in sdocs %}
16
+
17
+ {% assign sid = section | prepend:"/" | append:"/" | append:item %}
18
+ {% assign doc = site.docs | where:"id", sid | first %}
19
+
20
+ {% assign istyle = "" %}
21
+ {% if forloop.first %}
22
+ {% assign istyle = istyle | append:" font-weight-bold" %}
23
+ {% endif %}
24
+
25
+ {% if doc.id == page.id %}
26
+ {% assign istyle = istyle | append:" active" %}
27
+ {% else %}
28
+ {% if forloop.first %}
29
+ {% assign istyle = istyle | append:" list-group-item-primary" %}
30
+ {% endif %}
31
+ {% endif %}
32
+
33
+ <a class="list-group-item list-group-item-action bs-callout bs-callout-blue{{ istyle }}" href="{{ doc.url | prepend: site.baseurl }}">
34
+ {{ doc.title }}
35
+ {% if doc.badge %}
36
+ <span class="badge badge-light float-right">{{ doc.badge }}</span>
37
+ {% endif %}
38
+ </a>
39
+ {% endfor %}
40
+ {% endfor %}
41
+ </div>
42
+ </div>
43
+ {% endif %}
@@ -1,20 +1,20 @@
1
1
  <!DOCTYPE html>
2
- <html lang="{{ page.lang | default: site.lang | default: "en" }}">
2
+ <html class="h-100" ="{{ page.lang | default: site.lang | default: "en" }}">
3
3
 
4
4
  {% include head.html %}
5
5
 
6
- <body>
6
+ <body class="d-flex flex-column h-100">
7
+ <header>
8
+ {% include navbar.html %}
9
+ </header>
7
10
 
8
- {% include topnav.html %}
11
+ <main role="main" class="flex-shrink-0">
12
+ {{ content }}
13
+ </main>
9
14
 
10
- <div class="page-content">
11
- <div class="wrapper">
12
- {{ content }}
13
- </div>
14
- </div>
15
+ {% include footer.html %}
15
16
 
16
- {% include footer.html %}
17
- {% include js_files.html %}
17
+ {% include js_files.html %}
18
18
  </body>
19
19
 
20
20
  </html>
@@ -2,35 +2,27 @@
2
2
  layout: default
3
3
  ---
4
4
 
5
- <div class="container">
6
- <div class="row">
5
+ <div class="container pt-4">
6
+ <div class="row">
7
7
 
8
- {% include pages_nav.html class="col-md-3" %}
8
+ {% include sidebar.html class="col-md-4" %}
9
+
10
+ <div class="col-md-8 markdown-body">
9
11
 
10
- <div class="col-md-9">
11
12
  <h1>{{ page.title }}</h1>
12
13
  {% if page.toc %}
13
14
  <div class="panel panel-info">
14
- <div class="panel-heading">On this page</div>
15
+ <blockquote>
16
+ <div class="panel-heading">On this page:</div>
15
17
  <div class="panel-body">
16
18
  {% include toc.html html=content sanitize=true class="inline_toc" id="my_toc" h_min=2 h_max=3 %}
17
19
  </div>
20
+ </blockquote>
18
21
  </div>
19
22
  {% endif %}
20
- <div id="markdown-content-container">
21
- {{ content }}
22
- </div>
23
- <!-- div style="clear:both;">
24
- <p class="text-center">
25
- <br />
26
- <a target="_blank" href="{{site.git_edit_address}}/{{ page.path }}" class="btn btn-default githubEditButton" role="button">
27
- <i class="fa fa-pencil fa-lg"></i> Improve this page
28
- </a>
29
- </p>
30
- </div -->
31
- <hr>
32
- {% include section_nav.html %}
33
- </div>
23
+ {{ content }}
24
+
25
+ </div>
34
26
 
35
- </div>
27
+ </div>
36
28
  </div>
@@ -0,0 +1,51 @@
1
+ //
2
+ // Base styles
3
+ //
4
+
5
+ .alert {
6
+ position: relative;
7
+ padding: $alert-padding-y $alert-padding-x;
8
+ margin-bottom: $alert-margin-bottom;
9
+ border: $alert-border-width solid transparent;
10
+ @include border-radius($alert-border-radius);
11
+ }
12
+
13
+ // Headings for larger alerts
14
+ .alert-heading {
15
+ // Specified to prevent conflicts of changing $headings-color
16
+ color: inherit;
17
+ }
18
+
19
+ // Provide class for links that match alerts
20
+ .alert-link {
21
+ font-weight: $alert-link-font-weight;
22
+ }
23
+
24
+
25
+ // Dismissible alerts
26
+ //
27
+ // Expand the right padding and account for the close button's positioning.
28
+
29
+ .alert-dismissible {
30
+ padding-right: $close-font-size + $alert-padding-x * 2;
31
+
32
+ // Adjust close link position
33
+ .close {
34
+ position: absolute;
35
+ top: 0;
36
+ right: 0;
37
+ padding: $alert-padding-y $alert-padding-x;
38
+ color: inherit;
39
+ }
40
+ }
41
+
42
+
43
+ // Alternate styles
44
+ //
45
+ // Generate contextual modifier classes for colorizing the alert.
46
+
47
+ @each $color, $value in $theme-colors {
48
+ .alert-#{$color} {
49
+ @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));
50
+ }
51
+ }
@@ -0,0 +1,53 @@
1
+ // Base class
2
+ //
3
+ // Requires one of the contextual, color modifier classes for `color` and
4
+ // `background-color`.
5
+
6
+ .badge {
7
+ display: inline-block;
8
+ padding: $badge-padding-y $badge-padding-x;
9
+ font-size: $badge-font-size;
10
+ font-weight: $badge-font-weight;
11
+ line-height: 1;
12
+ text-align: center;
13
+ white-space: nowrap;
14
+ vertical-align: baseline;
15
+ @include border-radius($badge-border-radius);
16
+
17
+ @at-root a#{&} {
18
+ @include hover-focus {
19
+ text-decoration: none;
20
+ }
21
+ }
22
+
23
+ // Empty badges collapse automatically
24
+ &:empty {
25
+ display: none;
26
+ }
27
+ }
28
+
29
+ // Quick fix for badges in buttons
30
+ .btn .badge {
31
+ position: relative;
32
+ top: -1px;
33
+ }
34
+
35
+ // Pill badges
36
+ //
37
+ // Make them extra rounded with a modifier to replace v3's badges.
38
+
39
+ .badge-pill {
40
+ padding-right: $badge-pill-padding-x;
41
+ padding-left: $badge-pill-padding-x;
42
+ @include border-radius($badge-pill-border-radius);
43
+ }
44
+
45
+ // Colors
46
+ //
47
+ // Contextual variations (linked badges get darker on :hover).
48
+
49
+ @each $color, $value in $theme-colors {
50
+ .badge-#{$color} {
51
+ @include badge-variant($value);
52
+ }
53
+ }
@@ -0,0 +1,41 @@
1
+ .breadcrumb {
2
+ display: flex;
3
+ flex-wrap: wrap;
4
+ padding: $breadcrumb-padding-y $breadcrumb-padding-x;
5
+ margin-bottom: $breadcrumb-margin-bottom;
6
+ list-style: none;
7
+ background-color: $breadcrumb-bg;
8
+ @include border-radius($breadcrumb-border-radius);
9
+ }
10
+
11
+ .breadcrumb-item {
12
+ // The separator between breadcrumbs (by default, a forward-slash: "/")
13
+ + .breadcrumb-item {
14
+ padding-left: $breadcrumb-item-padding;
15
+
16
+ &::before {
17
+ display: inline-block; // Suppress underlining of the separator in modern browsers
18
+ padding-right: $breadcrumb-item-padding;
19
+ color: $breadcrumb-divider-color;
20
+ content: $breadcrumb-divider;
21
+ }
22
+ }
23
+
24
+ // IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built
25
+ // without `<ul>`s. The `::before` pseudo-element generates an element
26
+ // *within* the .breadcrumb-item and thereby inherits the `text-decoration`.
27
+ //
28
+ // To trick IE into suppressing the underline, we give the pseudo-element an
29
+ // underline and then immediately remove it.
30
+ + .breadcrumb-item:hover::before {
31
+ text-decoration: underline;
32
+ }
33
+ // stylelint-disable-next-line no-duplicate-selectors
34
+ + .breadcrumb-item:hover::before {
35
+ text-decoration: none;
36
+ }
37
+
38
+ &.active {
39
+ color: $breadcrumb-active-color;
40
+ }
41
+ }
@@ -0,0 +1,163 @@
1
+ // stylelint-disable selector-no-qualifying-type
2
+
3
+ // Make the div behave like a button
4
+ .btn-group,
5
+ .btn-group-vertical {
6
+ position: relative;
7
+ display: inline-flex;
8
+ vertical-align: middle; // match .btn alignment given font-size hack above
9
+
10
+ > .btn {
11
+ position: relative;
12
+ flex: 1 1 auto;
13
+
14
+ // Bring the hover, focused, and "active" buttons to the front to overlay
15
+ // the borders properly
16
+ @include hover {
17
+ z-index: 1;
18
+ }
19
+ &:focus,
20
+ &:active,
21
+ &.active {
22
+ z-index: 1;
23
+ }
24
+ }
25
+ }
26
+
27
+ // Optional: Group multiple button groups together for a toolbar
28
+ .btn-toolbar {
29
+ display: flex;
30
+ flex-wrap: wrap;
31
+ justify-content: flex-start;
32
+
33
+ .input-group {
34
+ width: auto;
35
+ }
36
+ }
37
+
38
+ .btn-group {
39
+ // Prevent double borders when buttons are next to each other
40
+ > .btn:not(:first-child),
41
+ > .btn-group:not(:first-child) {
42
+ margin-left: -$btn-border-width;
43
+ }
44
+
45
+ // Reset rounded corners
46
+ > .btn:not(:last-child):not(.dropdown-toggle),
47
+ > .btn-group:not(:last-child) > .btn {
48
+ @include border-right-radius(0);
49
+ }
50
+
51
+ > .btn:not(:first-child),
52
+ > .btn-group:not(:first-child) > .btn {
53
+ @include border-left-radius(0);
54
+ }
55
+ }
56
+
57
+ // Sizing
58
+ //
59
+ // Remix the default button sizing classes into new ones for easier manipulation.
60
+
61
+ .btn-group-sm > .btn { @extend .btn-sm; }
62
+ .btn-group-lg > .btn { @extend .btn-lg; }
63
+
64
+
65
+ //
66
+ // Split button dropdowns
67
+ //
68
+
69
+ .dropdown-toggle-split {
70
+ padding-right: $btn-padding-x * .75;
71
+ padding-left: $btn-padding-x * .75;
72
+
73
+ &::after,
74
+ .dropup &::after,
75
+ .dropright &::after {
76
+ margin-left: 0;
77
+ }
78
+
79
+ .dropleft &::before {
80
+ margin-right: 0;
81
+ }
82
+ }
83
+
84
+ .btn-sm + .dropdown-toggle-split {
85
+ padding-right: $btn-padding-x-sm * .75;
86
+ padding-left: $btn-padding-x-sm * .75;
87
+ }
88
+
89
+ .btn-lg + .dropdown-toggle-split {
90
+ padding-right: $btn-padding-x-lg * .75;
91
+ padding-left: $btn-padding-x-lg * .75;
92
+ }
93
+
94
+
95
+ // The clickable button for toggling the menu
96
+ // Set the same inset shadow as the :active state
97
+ .btn-group.show .dropdown-toggle {
98
+ @include box-shadow($btn-active-box-shadow);
99
+
100
+ // Show no shadow for `.btn-link` since it has no other button styles.
101
+ &.btn-link {
102
+ @include box-shadow(none);
103
+ }
104
+ }
105
+
106
+
107
+ //
108
+ // Vertical button groups
109
+ //
110
+
111
+ .btn-group-vertical {
112
+ flex-direction: column;
113
+ align-items: flex-start;
114
+ justify-content: center;
115
+
116
+ > .btn,
117
+ > .btn-group {
118
+ width: 100%;
119
+ }
120
+
121
+ > .btn:not(:first-child),
122
+ > .btn-group:not(:first-child) {
123
+ margin-top: -$btn-border-width;
124
+ }
125
+
126
+ // Reset rounded corners
127
+ > .btn:not(:last-child):not(.dropdown-toggle),
128
+ > .btn-group:not(:last-child) > .btn {
129
+ @include border-bottom-radius(0);
130
+ }
131
+
132
+ > .btn:not(:first-child),
133
+ > .btn-group:not(:first-child) > .btn {
134
+ @include border-top-radius(0);
135
+ }
136
+ }
137
+
138
+
139
+ // Checkbox and radio options
140
+ //
141
+ // In order to support the browser's form validation feedback, powered by the
142
+ // `required` attribute, we have to "hide" the inputs via `clip`. We cannot use
143
+ // `display: none;` or `visibility: hidden;` as that also hides the popover.
144
+ // Simply visually hiding the inputs via `opacity` would leave them clickable in
145
+ // certain cases which is prevented by using `clip` and `pointer-events`.
146
+ // This way, we ensure a DOM element is visible to position the popover from.
147
+ //
148
+ // See https://github.com/twbs/bootstrap/pull/12794 and
149
+ // https://github.com/twbs/bootstrap/pull/14559 for more information.
150
+
151
+ .btn-group-toggle {
152
+ > .btn,
153
+ > .btn-group > .btn {
154
+ margin-bottom: 0; // Override default `<label>` value
155
+
156
+ input[type="radio"],
157
+ input[type="checkbox"] {
158
+ position: absolute;
159
+ clip: rect(0, 0, 0, 0);
160
+ pointer-events: none;
161
+ }
162
+ }
163
+ }