jekyll-theme-centos 2.51.0 → 2.51.1.beta.10

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 (178) hide show
  1. checksums.yaml +4 -4
  2. data/_config.yml +34 -93
  3. data/_layouts/base/default.html +8 -8
  4. data/assets/icons/android-chrome-192.png +0 -0
  5. data/assets/icons/android-chrome-512.png +0 -0
  6. data/assets/icons/apple-touch-icon.png +0 -0
  7. data/assets/icons/favicon-16.png +0 -0
  8. data/assets/icons/favicon-32.png +0 -0
  9. data/assets/icons/favicon.ico +0 -0
  10. metadata +4 -172
  11. data/_data/download/cards.yml +0 -309
  12. data/_data/download/navbar.yml +0 -11
  13. data/_data/people/navbar.yml +0 -11
  14. data/_data/people/projects.yml +0 -18
  15. data/_data/sponsors/carousel.yml +0 -38
  16. data/_data/sponsors/navbar.yml +0 -6
  17. data/_includes/download/cards-body-commands.html +0 -7
  18. data/_includes/download/cards-body-documentation.html +0 -11
  19. data/_includes/download/cards-body-eol.html +0 -15
  20. data/_includes/download/cards-body-mirrors.html +0 -8
  21. data/_includes/download/cards-body-screenshots.html +0 -32
  22. data/_includes/download/cards-footer.html +0 -3
  23. data/_includes/download/cards-header-commands.html +0 -8
  24. data/_includes/download/cards-header-documentation.html +0 -8
  25. data/_includes/download/cards-header-eol.html +0 -8
  26. data/_includes/download/cards-header-mirrors.html +0 -13
  27. data/_includes/download/cards-header-screenshots.html +0 -8
  28. data/_includes/download/cards.html +0 -119
  29. data/_includes/home/distributions.html +0 -26
  30. data/_includes/home/header.html +0 -10
  31. data/_includes/home/news-and-events.html +0 -29
  32. data/_includes/home/planet.html +0 -26
  33. data/_includes/home/sponsors.html +0 -64
  34. data/_includes/hr.html +0 -6
  35. data/_includes/people/header.html +0 -7
  36. data/_includes/people/posts.html +0 -38
  37. data/_includes/people/projects.html +0 -16
  38. data/_includes/people/pubkeys.html +0 -30
  39. data/_includes/people/support.html +0 -27
  40. data/_includes/post-nav-explorer.html +0 -23
  41. data/_includes/post-nav.html +0 -3
  42. data/_includes/sponsors/cards.html +0 -11
  43. data/_includes/sponsors/carousel.html +0 -27
  44. data/_layouts/blog.html +0 -38
  45. data/_layouts/download/default.html +0 -7
  46. data/_layouts/home.html +0 -20
  47. data/_layouts/people/default.html +0 -52
  48. data/_layouts/post.html +0 -29
  49. data/_layouts/search.html +0 -38
  50. data/_layouts/sponsors.html +0 -30
  51. data/_sass/bootstrap/_accordion.scss +0 -158
  52. data/_sass/bootstrap/_alert.scss +0 -68
  53. data/_sass/bootstrap/_badge.scss +0 -38
  54. data/_sass/bootstrap/_breadcrumb.scss +0 -40
  55. data/_sass/bootstrap/_button-group.scss +0 -142
  56. data/_sass/bootstrap/_buttons.scss +0 -207
  57. data/_sass/bootstrap/_card.scss +0 -239
  58. data/_sass/bootstrap/_carousel.scss +0 -244
  59. data/_sass/bootstrap/_close.scss +0 -63
  60. data/_sass/bootstrap/_containers.scss +0 -41
  61. data/_sass/bootstrap/_dropdown.scss +0 -250
  62. data/_sass/bootstrap/_forms.scss +0 -9
  63. data/_sass/bootstrap/_functions.scss +0 -302
  64. data/_sass/bootstrap/_grid.scss +0 -39
  65. data/_sass/bootstrap/_helpers.scss +0 -12
  66. data/_sass/bootstrap/_images.scss +0 -42
  67. data/_sass/bootstrap/_list-group.scss +0 -197
  68. data/_sass/bootstrap/_maps.scss +0 -174
  69. data/_sass/bootstrap/_mixins.scss +0 -42
  70. data/_sass/bootstrap/_modal.scss +0 -237
  71. data/_sass/bootstrap/_nav.scss +0 -197
  72. data/_sass/bootstrap/_navbar.scss +0 -289
  73. data/_sass/bootstrap/_offcanvas.scss +0 -146
  74. data/_sass/bootstrap/_pagination.scss +0 -109
  75. data/_sass/bootstrap/_placeholders.scss +0 -51
  76. data/_sass/bootstrap/_popover.scss +0 -196
  77. data/_sass/bootstrap/_progress.scss +0 -68
  78. data/_sass/bootstrap/_reboot.scss +0 -611
  79. data/_sass/bootstrap/_root.scss +0 -187
  80. data/_sass/bootstrap/_spinners.scss +0 -85
  81. data/_sass/bootstrap/_tables.scss +0 -171
  82. data/_sass/bootstrap/_toasts.scss +0 -73
  83. data/_sass/bootstrap/_tooltip.scss +0 -119
  84. data/_sass/bootstrap/_transitions.scss +0 -27
  85. data/_sass/bootstrap/_type.scss +0 -106
  86. data/_sass/bootstrap/_utilities.scss +0 -806
  87. data/_sass/bootstrap/_variables-dark.scss +0 -87
  88. data/_sass/bootstrap/_variables.scss +0 -1747
  89. data/_sass/bootstrap/bootstrap-grid.scss +0 -62
  90. data/_sass/bootstrap/bootstrap-reboot.scss +0 -10
  91. data/_sass/bootstrap/bootstrap-utilities.scss +0 -19
  92. data/_sass/bootstrap/bootstrap.scss +0 -52
  93. data/_sass/bootstrap/forms/_floating-labels.scss +0 -95
  94. data/_sass/bootstrap/forms/_form-check.scss +0 -189
  95. data/_sass/bootstrap/forms/_form-control.scss +0 -214
  96. data/_sass/bootstrap/forms/_form-range.scss +0 -91
  97. data/_sass/bootstrap/forms/_form-select.scss +0 -80
  98. data/_sass/bootstrap/forms/_form-text.scss +0 -11
  99. data/_sass/bootstrap/forms/_input-group.scss +0 -132
  100. data/_sass/bootstrap/forms/_labels.scss +0 -36
  101. data/_sass/bootstrap/forms/_validation.scss +0 -12
  102. data/_sass/bootstrap/helpers/_clearfix.scss +0 -3
  103. data/_sass/bootstrap/helpers/_color-bg.scss +0 -7
  104. data/_sass/bootstrap/helpers/_colored-links.scss +0 -30
  105. data/_sass/bootstrap/helpers/_focus-ring.scss +0 -5
  106. data/_sass/bootstrap/helpers/_icon-link.scss +0 -25
  107. data/_sass/bootstrap/helpers/_position.scss +0 -36
  108. data/_sass/bootstrap/helpers/_ratio.scss +0 -26
  109. data/_sass/bootstrap/helpers/_stacks.scss +0 -15
  110. data/_sass/bootstrap/helpers/_stretched-link.scss +0 -15
  111. data/_sass/bootstrap/helpers/_text-truncation.scss +0 -7
  112. data/_sass/bootstrap/helpers/_visually-hidden.scss +0 -8
  113. data/_sass/bootstrap/helpers/_vr.scss +0 -8
  114. data/_sass/bootstrap/mixins/_alert.scss +0 -18
  115. data/_sass/bootstrap/mixins/_backdrop.scss +0 -14
  116. data/_sass/bootstrap/mixins/_banner.scss +0 -7
  117. data/_sass/bootstrap/mixins/_border-radius.scss +0 -78
  118. data/_sass/bootstrap/mixins/_box-shadow.scss +0 -18
  119. data/_sass/bootstrap/mixins/_breakpoints.scss +0 -127
  120. data/_sass/bootstrap/mixins/_buttons.scss +0 -70
  121. data/_sass/bootstrap/mixins/_caret.scss +0 -69
  122. data/_sass/bootstrap/mixins/_clearfix.scss +0 -9
  123. data/_sass/bootstrap/mixins/_color-mode.scss +0 -21
  124. data/_sass/bootstrap/mixins/_color-scheme.scss +0 -7
  125. data/_sass/bootstrap/mixins/_container.scss +0 -11
  126. data/_sass/bootstrap/mixins/_deprecate.scss +0 -10
  127. data/_sass/bootstrap/mixins/_forms.scss +0 -153
  128. data/_sass/bootstrap/mixins/_gradients.scss +0 -47
  129. data/_sass/bootstrap/mixins/_grid.scss +0 -151
  130. data/_sass/bootstrap/mixins/_image.scss +0 -16
  131. data/_sass/bootstrap/mixins/_list-group.scss +0 -26
  132. data/_sass/bootstrap/mixins/_lists.scss +0 -7
  133. data/_sass/bootstrap/mixins/_pagination.scss +0 -10
  134. data/_sass/bootstrap/mixins/_reset-text.scss +0 -17
  135. data/_sass/bootstrap/mixins/_resize.scss +0 -6
  136. data/_sass/bootstrap/mixins/_table-variants.scss +0 -24
  137. data/_sass/bootstrap/mixins/_text-truncate.scss +0 -8
  138. data/_sass/bootstrap/mixins/_transition.scss +0 -26
  139. data/_sass/bootstrap/mixins/_utilities.scss +0 -97
  140. data/_sass/bootstrap/mixins/_visually-hidden.scss +0 -33
  141. data/_sass/bootstrap/utilities/_api.scss +0 -47
  142. data/_sass/bootstrap/vendor/_rfs.scss +0 -348
  143. data/assets/img/centos-motif.png +0 -0
  144. data/assets/img/download/distribution-release-screenshot-1.png +0 -0
  145. data/assets/img/download/distribution-release-screenshot-2.png +0 -0
  146. data/assets/img/download/distribution-release-screenshot-3.png +0 -0
  147. data/assets/img/download/distribution-release-screenshot-n.svg +0 -134
  148. data/assets/img/download/download.svg +0 -421
  149. data/assets/img/download/fig-the-downloads-cards-presentation-template.png +0 -0
  150. data/assets/img/people/avatar.svg +0 -59
  151. data/assets/img/people/project.svg +0 -106
  152. data/assets/img/people/screenshot.svg +0 -135
  153. data/assets/img/sponsors/screenshot-sponsors-cards-layout.png +0 -0
  154. data/assets/img/sponsors/screenshot-sponsors-cards.png +0 -0
  155. data/assets/img/sponsors/screenshot-sponsors-carousel.png +0 -0
  156. data/assets/img/sponsors/screenshot-sponsors-default-layout.png +0 -0
  157. data/assets/img/sponsors/screenshot-sponsors-logo.png +0 -0
  158. data/assets/img/sponsors/sponsor-logo-1.png +0 -0
  159. data/assets/img/sponsors/sponsor-logo-2.png +0 -0
  160. data/assets/img/sponsors/sponsor-logo-3.png +0 -0
  161. data/assets/img/sponsors/sponsor-logo-4.png +0 -0
  162. data/assets/img/sponsors/sponsor-logo-5.png +0 -0
  163. data/assets/img/sponsors/sponsor-logo-6.png +0 -0
  164. data/assets/img/sponsors/sponsor-logo-7.png +0 -0
  165. data/assets/img/sponsors/sponsor-logo-8.png +0 -0
  166. data/assets/img/sponsors/sponsors-logo.svg +0 -563
  167. data/assets/js/bootstrap.bundle.js +0 -6314
  168. data/assets/js/bootstrap.bundle.js.map +0 -1
  169. data/assets/js/bootstrap.bundle.min.js +0 -7
  170. data/assets/js/bootstrap.bundle.min.js.map +0 -1
  171. data/assets/js/bootstrap.esm.js +0 -4447
  172. data/assets/js/bootstrap.esm.js.map +0 -1
  173. data/assets/js/bootstrap.esm.min.js +0 -7
  174. data/assets/js/bootstrap.esm.min.js.map +0 -1
  175. data/assets/js/bootstrap.js +0 -4494
  176. data/assets/js/bootstrap.js.map +0 -1
  177. data/assets/js/bootstrap.min.js +0 -7
  178. data/assets/js/bootstrap.min.js.map +0 -1
@@ -1,237 +0,0 @@
1
- // stylelint-disable function-disallowed-list
2
-
3
- // .modal-open - body class for killing the scroll
4
- // .modal - container to scroll within
5
- // .modal-dialog - positioning shell for the actual modal
6
- // .modal-content - actual modal w/ bg and corners and stuff
7
-
8
-
9
- // Container that the modal scrolls within
10
- .modal {
11
- // scss-docs-start modal-css-vars
12
- --#{$prefix}modal-zindex: #{$zindex-modal};
13
- --#{$prefix}modal-width: #{$modal-md};
14
- --#{$prefix}modal-padding: #{$modal-inner-padding};
15
- --#{$prefix}modal-margin: #{$modal-dialog-margin};
16
- --#{$prefix}modal-color: #{$modal-content-color};
17
- --#{$prefix}modal-bg: #{$modal-content-bg};
18
- --#{$prefix}modal-border-color: #{$modal-content-border-color};
19
- --#{$prefix}modal-border-width: #{$modal-content-border-width};
20
- --#{$prefix}modal-border-radius: #{$modal-content-border-radius};
21
- --#{$prefix}modal-box-shadow: #{$modal-content-box-shadow-xs};
22
- --#{$prefix}modal-inner-border-radius: #{$modal-content-inner-border-radius};
23
- --#{$prefix}modal-header-padding-x: #{$modal-header-padding-x};
24
- --#{$prefix}modal-header-padding-y: #{$modal-header-padding-y};
25
- --#{$prefix}modal-header-padding: #{$modal-header-padding}; // Todo in v6: Split this padding into x and y
26
- --#{$prefix}modal-header-border-color: #{$modal-header-border-color};
27
- --#{$prefix}modal-header-border-width: #{$modal-header-border-width};
28
- --#{$prefix}modal-title-line-height: #{$modal-title-line-height};
29
- --#{$prefix}modal-footer-gap: #{$modal-footer-margin-between};
30
- --#{$prefix}modal-footer-bg: #{$modal-footer-bg};
31
- --#{$prefix}modal-footer-border-color: #{$modal-footer-border-color};
32
- --#{$prefix}modal-footer-border-width: #{$modal-footer-border-width};
33
- // scss-docs-end modal-css-vars
34
-
35
- position: fixed;
36
- top: 0;
37
- left: 0;
38
- z-index: var(--#{$prefix}modal-zindex);
39
- display: none;
40
- width: 100%;
41
- height: 100%;
42
- overflow-x: hidden;
43
- overflow-y: auto;
44
- // Prevent Chrome on Windows from adding a focus outline. For details, see
45
- // https://github.com/twbs/bootstrap/pull/10951.
46
- outline: 0;
47
- // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a
48
- // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342
49
- // See also https://github.com/twbs/bootstrap/issues/17695
50
- }
51
-
52
- // Shell div to position the modal with bottom padding
53
- .modal-dialog {
54
- position: relative;
55
- width: auto;
56
- margin: var(--#{$prefix}modal-margin);
57
- // allow clicks to pass through for custom click handling to close modal
58
- pointer-events: none;
59
-
60
- // When fading in the modal, animate it to slide down
61
- .modal.fade & {
62
- @include transition($modal-transition);
63
- transform: $modal-fade-transform;
64
- }
65
- .modal.show & {
66
- transform: $modal-show-transform;
67
- }
68
-
69
- // When trying to close, animate focus to scale
70
- .modal.modal-static & {
71
- transform: $modal-scale-transform;
72
- }
73
- }
74
-
75
- .modal-dialog-scrollable {
76
- height: calc(100% - var(--#{$prefix}modal-margin) * 2);
77
-
78
- .modal-content {
79
- max-height: 100%;
80
- overflow: hidden;
81
- }
82
-
83
- .modal-body {
84
- overflow-y: auto;
85
- }
86
- }
87
-
88
- .modal-dialog-centered {
89
- display: flex;
90
- align-items: center;
91
- min-height: calc(100% - var(--#{$prefix}modal-margin) * 2);
92
- }
93
-
94
- // Actual modal
95
- .modal-content {
96
- position: relative;
97
- display: flex;
98
- flex-direction: column;
99
- width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`
100
- // counteract the pointer-events: none; in the .modal-dialog
101
- color: var(--#{$prefix}modal-color);
102
- pointer-events: auto;
103
- background-color: var(--#{$prefix}modal-bg);
104
- background-clip: padding-box;
105
- border: var(--#{$prefix}modal-border-width) solid var(--#{$prefix}modal-border-color);
106
- @include border-radius(var(--#{$prefix}modal-border-radius));
107
- @include box-shadow(var(--#{$prefix}modal-box-shadow));
108
- // Remove focus outline from opened modal
109
- outline: 0;
110
- }
111
-
112
- // Modal background
113
- .modal-backdrop {
114
- // scss-docs-start modal-backdrop-css-vars
115
- --#{$prefix}backdrop-zindex: #{$zindex-modal-backdrop};
116
- --#{$prefix}backdrop-bg: #{$modal-backdrop-bg};
117
- --#{$prefix}backdrop-opacity: #{$modal-backdrop-opacity};
118
- // scss-docs-end modal-backdrop-css-vars
119
-
120
- @include overlay-backdrop(var(--#{$prefix}backdrop-zindex), var(--#{$prefix}backdrop-bg), var(--#{$prefix}backdrop-opacity));
121
- }
122
-
123
- // Modal header
124
- // Top section of the modal w/ title and dismiss
125
- .modal-header {
126
- display: flex;
127
- flex-shrink: 0;
128
- align-items: center;
129
- justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends
130
- padding: var(--#{$prefix}modal-header-padding);
131
- border-bottom: var(--#{$prefix}modal-header-border-width) solid var(--#{$prefix}modal-header-border-color);
132
- @include border-top-radius(var(--#{$prefix}modal-inner-border-radius));
133
-
134
- .btn-close {
135
- padding: calc(var(--#{$prefix}modal-header-padding-y) * .5) calc(var(--#{$prefix}modal-header-padding-x) * .5);
136
- margin: calc(-.5 * var(--#{$prefix}modal-header-padding-y)) calc(-.5 * var(--#{$prefix}modal-header-padding-x)) calc(-.5 * var(--#{$prefix}modal-header-padding-y)) auto;
137
- }
138
- }
139
-
140
- // Title text within header
141
- .modal-title {
142
- margin-bottom: 0;
143
- line-height: var(--#{$prefix}modal-title-line-height);
144
- }
145
-
146
- // Modal body
147
- // Where all modal content resides (sibling of .modal-header and .modal-footer)
148
- .modal-body {
149
- position: relative;
150
- // Enable `flex-grow: 1` so that the body take up as much space as possible
151
- // when there should be a fixed height on `.modal-dialog`.
152
- flex: 1 1 auto;
153
- padding: var(--#{$prefix}modal-padding);
154
- }
155
-
156
- // Footer (for actions)
157
- .modal-footer {
158
- display: flex;
159
- flex-shrink: 0;
160
- flex-wrap: wrap;
161
- align-items: center; // vertically center
162
- justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items
163
- padding: calc(var(--#{$prefix}modal-padding) - var(--#{$prefix}modal-footer-gap) * .5);
164
- background-color: var(--#{$prefix}modal-footer-bg);
165
- border-top: var(--#{$prefix}modal-footer-border-width) solid var(--#{$prefix}modal-footer-border-color);
166
- @include border-bottom-radius(var(--#{$prefix}modal-inner-border-radius));
167
-
168
- // Place margin between footer elements
169
- // This solution is far from ideal because of the universal selector usage,
170
- // but is needed to fix https://github.com/twbs/bootstrap/issues/24800
171
- > * {
172
- margin: calc(var(--#{$prefix}modal-footer-gap) * .5); // Todo in v6: replace with gap on parent class
173
- }
174
- }
175
-
176
- // Scale up the modal
177
- @include media-breakpoint-up(sm) {
178
- .modal {
179
- --#{$prefix}modal-margin: #{$modal-dialog-margin-y-sm-up};
180
- --#{$prefix}modal-box-shadow: #{$modal-content-box-shadow-sm-up};
181
- }
182
-
183
- // Automatically set modal's width for larger viewports
184
- .modal-dialog {
185
- max-width: var(--#{$prefix}modal-width);
186
- margin-right: auto;
187
- margin-left: auto;
188
- }
189
-
190
- .modal-sm {
191
- --#{$prefix}modal-width: #{$modal-sm};
192
- }
193
- }
194
-
195
- @include media-breakpoint-up(lg) {
196
- .modal-lg,
197
- .modal-xl {
198
- --#{$prefix}modal-width: #{$modal-lg};
199
- }
200
- }
201
-
202
- @include media-breakpoint-up(xl) {
203
- .modal-xl {
204
- --#{$prefix}modal-width: #{$modal-xl};
205
- }
206
- }
207
-
208
- // scss-docs-start modal-fullscreen-loop
209
- @each $breakpoint in map-keys($grid-breakpoints) {
210
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
211
- $postfix: if($infix != "", $infix + "-down", "");
212
-
213
- @include media-breakpoint-down($breakpoint) {
214
- .modal-fullscreen#{$postfix} {
215
- width: 100vw;
216
- max-width: none;
217
- height: 100%;
218
- margin: 0;
219
-
220
- .modal-content {
221
- height: 100%;
222
- border: 0;
223
- @include border-radius(0);
224
- }
225
-
226
- .modal-header,
227
- .modal-footer {
228
- @include border-radius(0);
229
- }
230
-
231
- .modal-body {
232
- overflow-y: auto;
233
- }
234
- }
235
- }
236
- }
237
- // scss-docs-end modal-fullscreen-loop
@@ -1,197 +0,0 @@
1
- // Base class
2
- //
3
- // Kickstart any navigation component with a set of style resets. Works with
4
- // `<nav>`s, `<ul>`s or `<ol>`s.
5
-
6
- .nav {
7
- // scss-docs-start nav-css-vars
8
- --#{$prefix}nav-link-padding-x: #{$nav-link-padding-x};
9
- --#{$prefix}nav-link-padding-y: #{$nav-link-padding-y};
10
- @include rfs($nav-link-font-size, --#{$prefix}nav-link-font-size);
11
- --#{$prefix}nav-link-font-weight: #{$nav-link-font-weight};
12
- --#{$prefix}nav-link-color: #{$nav-link-color};
13
- --#{$prefix}nav-link-hover-color: #{$nav-link-hover-color};
14
- --#{$prefix}nav-link-disabled-color: #{$nav-link-disabled-color};
15
- // scss-docs-end nav-css-vars
16
-
17
- display: flex;
18
- flex-wrap: wrap;
19
- padding-left: 0;
20
- margin-bottom: 0;
21
- list-style: none;
22
- }
23
-
24
- .nav-link {
25
- display: block;
26
- padding: var(--#{$prefix}nav-link-padding-y) var(--#{$prefix}nav-link-padding-x);
27
- @include font-size(var(--#{$prefix}nav-link-font-size));
28
- font-weight: var(--#{$prefix}nav-link-font-weight);
29
- color: var(--#{$prefix}nav-link-color);
30
- text-decoration: if($link-decoration == none, null, none);
31
- background: none;
32
- border: 0;
33
- @include transition($nav-link-transition);
34
-
35
- &:hover,
36
- &:focus {
37
- color: var(--#{$prefix}nav-link-hover-color);
38
- text-decoration: if($link-hover-decoration == underline, none, null);
39
- }
40
-
41
- &:focus-visible {
42
- outline: 0;
43
- box-shadow: $nav-link-focus-box-shadow;
44
- }
45
-
46
- // Disabled state lightens text
47
- &.disabled,
48
- &:disabled {
49
- color: var(--#{$prefix}nav-link-disabled-color);
50
- pointer-events: none;
51
- cursor: default;
52
- }
53
- }
54
-
55
- //
56
- // Tabs
57
- //
58
-
59
- .nav-tabs {
60
- // scss-docs-start nav-tabs-css-vars
61
- --#{$prefix}nav-tabs-border-width: #{$nav-tabs-border-width};
62
- --#{$prefix}nav-tabs-border-color: #{$nav-tabs-border-color};
63
- --#{$prefix}nav-tabs-border-radius: #{$nav-tabs-border-radius};
64
- --#{$prefix}nav-tabs-link-hover-border-color: #{$nav-tabs-link-hover-border-color};
65
- --#{$prefix}nav-tabs-link-active-color: #{$nav-tabs-link-active-color};
66
- --#{$prefix}nav-tabs-link-active-bg: #{$nav-tabs-link-active-bg};
67
- --#{$prefix}nav-tabs-link-active-border-color: #{$nav-tabs-link-active-border-color};
68
- // scss-docs-end nav-tabs-css-vars
69
-
70
- border-bottom: var(--#{$prefix}nav-tabs-border-width) solid var(--#{$prefix}nav-tabs-border-color);
71
-
72
- .nav-link {
73
- margin-bottom: calc(-1 * var(--#{$prefix}nav-tabs-border-width)); // stylelint-disable-line function-disallowed-list
74
- border: var(--#{$prefix}nav-tabs-border-width) solid transparent;
75
- @include border-top-radius(var(--#{$prefix}nav-tabs-border-radius));
76
-
77
- &:hover,
78
- &:focus {
79
- // Prevents active .nav-link tab overlapping focus outline of previous/next .nav-link
80
- isolation: isolate;
81
- border-color: var(--#{$prefix}nav-tabs-link-hover-border-color);
82
- }
83
- }
84
-
85
- .nav-link.active,
86
- .nav-item.show .nav-link {
87
- color: var(--#{$prefix}nav-tabs-link-active-color);
88
- background-color: var(--#{$prefix}nav-tabs-link-active-bg);
89
- border-color: var(--#{$prefix}nav-tabs-link-active-border-color);
90
- }
91
-
92
- .dropdown-menu {
93
- // Make dropdown border overlap tab border
94
- margin-top: calc(-1 * var(--#{$prefix}nav-tabs-border-width)); // stylelint-disable-line function-disallowed-list
95
- // Remove the top rounded corners here since there is a hard edge above the menu
96
- @include border-top-radius(0);
97
- }
98
- }
99
-
100
-
101
- //
102
- // Pills
103
- //
104
-
105
- .nav-pills {
106
- // scss-docs-start nav-pills-css-vars
107
- --#{$prefix}nav-pills-border-radius: #{$nav-pills-border-radius};
108
- --#{$prefix}nav-pills-link-active-color: #{$nav-pills-link-active-color};
109
- --#{$prefix}nav-pills-link-active-bg: #{$nav-pills-link-active-bg};
110
- // scss-docs-end nav-pills-css-vars
111
-
112
- .nav-link {
113
- @include border-radius(var(--#{$prefix}nav-pills-border-radius));
114
- }
115
-
116
- .nav-link.active,
117
- .show > .nav-link {
118
- color: var(--#{$prefix}nav-pills-link-active-color);
119
- @include gradient-bg(var(--#{$prefix}nav-pills-link-active-bg));
120
- }
121
- }
122
-
123
-
124
- //
125
- // Underline
126
- //
127
-
128
- .nav-underline {
129
- // scss-docs-start nav-underline-css-vars
130
- --#{$prefix}nav-underline-gap: #{$nav-underline-gap};
131
- --#{$prefix}nav-underline-border-width: #{$nav-underline-border-width};
132
- --#{$prefix}nav-underline-link-active-color: #{$nav-underline-link-active-color};
133
- // scss-docs-end nav-underline-css-vars
134
-
135
- gap: var(--#{$prefix}nav-underline-gap);
136
-
137
- .nav-link {
138
- padding-right: 0;
139
- padding-left: 0;
140
- border-bottom: var(--#{$prefix}nav-underline-border-width) solid transparent;
141
-
142
- &:hover,
143
- &:focus {
144
- border-bottom-color: currentcolor;
145
- }
146
- }
147
-
148
- .nav-link.active,
149
- .show > .nav-link {
150
- font-weight: $font-weight-bold;
151
- color: var(--#{$prefix}nav-underline-link-active-color);
152
- border-bottom-color: currentcolor;
153
- }
154
- }
155
-
156
-
157
- //
158
- // Justified variants
159
- //
160
-
161
- .nav-fill {
162
- > .nav-link,
163
- .nav-item {
164
- flex: 1 1 auto;
165
- text-align: center;
166
- }
167
- }
168
-
169
- .nav-justified {
170
- > .nav-link,
171
- .nav-item {
172
- flex-basis: 0;
173
- flex-grow: 1;
174
- text-align: center;
175
- }
176
- }
177
-
178
- .nav-fill,
179
- .nav-justified {
180
- .nav-item .nav-link {
181
- width: 100%; // Make sure button will grow
182
- }
183
- }
184
-
185
-
186
- // Tabbable tabs
187
- //
188
- // Hide tabbable panes to start, show them when `.active`
189
-
190
- .tab-content {
191
- > .tab-pane {
192
- display: none;
193
- }
194
- > .active {
195
- display: block;
196
- }
197
- }