jekyll-theme-centos 2.3.0.beta.101 → 2.3.0.beta.103

Sign up to get free protection for your applications and to get access to all the features.
Files changed (163) hide show
  1. checksums.yaml +4 -4
  2. metadata +2 -163
  3. data/_data/base/footer.yml +0 -32
  4. data/_data/base/identity.yml +0 -20
  5. data/_data/base/navbar.yml +0 -74
  6. data/_data/base/navbar_absolute.yml +0 -74
  7. data/_data/base/navbar_component.yml +0 -60
  8. data/_includes/base/announcements.html +0 -6
  9. data/_includes/base/breadcrumbs.html +0 -13
  10. data/_includes/base/footer.html +0 -61
  11. data/_includes/base/head.html +0 -17
  12. data/_includes/base/header.html +0 -17
  13. data/_includes/base/navbar.html +0 -32
  14. data/_includes/base/script.html +0 -70
  15. data/_includes/base/toc-accordion.html +0 -10
  16. data/_includes/base/toc.html +0 -99
  17. data/_layouts/base/default.html +0 -31
  18. data/_sass/base/_centos-lists.scss +0 -132
  19. data/_sass/base/_centos.scss +0 -80
  20. data/_sass/base/_variables.scss +0 -24
  21. data/_sass/bootstrap/_accordion.scss +0 -158
  22. data/_sass/bootstrap/_alert.scss +0 -68
  23. data/_sass/bootstrap/_badge.scss +0 -38
  24. data/_sass/bootstrap/_breadcrumb.scss +0 -40
  25. data/_sass/bootstrap/_button-group.scss +0 -142
  26. data/_sass/bootstrap/_buttons.scss +0 -207
  27. data/_sass/bootstrap/_card.scss +0 -239
  28. data/_sass/bootstrap/_carousel.scss +0 -244
  29. data/_sass/bootstrap/_close.scss +0 -63
  30. data/_sass/bootstrap/_containers.scss +0 -41
  31. data/_sass/bootstrap/_dropdown.scss +0 -250
  32. data/_sass/bootstrap/_forms.scss +0 -9
  33. data/_sass/bootstrap/_functions.scss +0 -302
  34. data/_sass/bootstrap/_grid.scss +0 -39
  35. data/_sass/bootstrap/_helpers.scss +0 -12
  36. data/_sass/bootstrap/_images.scss +0 -42
  37. data/_sass/bootstrap/_list-group.scss +0 -197
  38. data/_sass/bootstrap/_maps.scss +0 -174
  39. data/_sass/bootstrap/_mixins.scss +0 -42
  40. data/_sass/bootstrap/_modal.scss +0 -237
  41. data/_sass/bootstrap/_nav.scss +0 -209
  42. data/_sass/bootstrap/_navbar.scss +0 -289
  43. data/_sass/bootstrap/_offcanvas.scss +0 -146
  44. data/_sass/bootstrap/_pagination.scss +0 -109
  45. data/_sass/bootstrap/_placeholders.scss +0 -51
  46. data/_sass/bootstrap/_popover.scss +0 -196
  47. data/_sass/bootstrap/_progress.scss +0 -68
  48. data/_sass/bootstrap/_reboot.scss +0 -610
  49. data/_sass/bootstrap/_root.scss +0 -184
  50. data/_sass/bootstrap/_spinners.scss +0 -85
  51. data/_sass/bootstrap/_tables.scss +0 -171
  52. data/_sass/bootstrap/_toasts.scss +0 -73
  53. data/_sass/bootstrap/_tooltip.scss +0 -119
  54. data/_sass/bootstrap/_transitions.scss +0 -27
  55. data/_sass/bootstrap/_type.scss +0 -106
  56. data/_sass/bootstrap/_utilities.scss +0 -806
  57. data/_sass/bootstrap/_variables-dark.scss +0 -85
  58. data/_sass/bootstrap/_variables.scss +0 -1743
  59. data/_sass/bootstrap/bootstrap-grid.scss +0 -62
  60. data/_sass/bootstrap/bootstrap-reboot.scss +0 -10
  61. data/_sass/bootstrap/bootstrap-utilities.scss +0 -19
  62. data/_sass/bootstrap/bootstrap.scss +0 -52
  63. data/_sass/bootstrap/forms/_floating-labels.scss +0 -94
  64. data/_sass/bootstrap/forms/_form-check.scss +0 -188
  65. data/_sass/bootstrap/forms/_form-control.scss +0 -214
  66. data/_sass/bootstrap/forms/_form-range.scss +0 -91
  67. data/_sass/bootstrap/forms/_form-select.scss +0 -80
  68. data/_sass/bootstrap/forms/_form-text.scss +0 -11
  69. data/_sass/bootstrap/forms/_input-group.scss +0 -132
  70. data/_sass/bootstrap/forms/_labels.scss +0 -36
  71. data/_sass/bootstrap/forms/_validation.scss +0 -12
  72. data/_sass/bootstrap/helpers/_clearfix.scss +0 -3
  73. data/_sass/bootstrap/helpers/_color-bg.scss +0 -8
  74. data/_sass/bootstrap/helpers/_colored-links.scss +0 -30
  75. data/_sass/bootstrap/helpers/_focus-ring.scss +0 -5
  76. data/_sass/bootstrap/helpers/_icon-link.scss +0 -25
  77. data/_sass/bootstrap/helpers/_position.scss +0 -36
  78. data/_sass/bootstrap/helpers/_ratio.scss +0 -26
  79. data/_sass/bootstrap/helpers/_stacks.scss +0 -15
  80. data/_sass/bootstrap/helpers/_stretched-link.scss +0 -15
  81. data/_sass/bootstrap/helpers/_text-truncation.scss +0 -7
  82. data/_sass/bootstrap/helpers/_visually-hidden.scss +0 -8
  83. data/_sass/bootstrap/helpers/_vr.scss +0 -8
  84. data/_sass/bootstrap/mixins/_alert.scss +0 -18
  85. data/_sass/bootstrap/mixins/_backdrop.scss +0 -14
  86. data/_sass/bootstrap/mixins/_banner.scss +0 -7
  87. data/_sass/bootstrap/mixins/_border-radius.scss +0 -78
  88. data/_sass/bootstrap/mixins/_box-shadow.scss +0 -18
  89. data/_sass/bootstrap/mixins/_breakpoints.scss +0 -127
  90. data/_sass/bootstrap/mixins/_buttons.scss +0 -70
  91. data/_sass/bootstrap/mixins/_caret.scss +0 -69
  92. data/_sass/bootstrap/mixins/_clearfix.scss +0 -9
  93. data/_sass/bootstrap/mixins/_color-mode.scss +0 -21
  94. data/_sass/bootstrap/mixins/_color-scheme.scss +0 -7
  95. data/_sass/bootstrap/mixins/_container.scss +0 -11
  96. data/_sass/bootstrap/mixins/_deprecate.scss +0 -10
  97. data/_sass/bootstrap/mixins/_forms.scss +0 -153
  98. data/_sass/bootstrap/mixins/_gradients.scss +0 -47
  99. data/_sass/bootstrap/mixins/_grid.scss +0 -151
  100. data/_sass/bootstrap/mixins/_image.scss +0 -16
  101. data/_sass/bootstrap/mixins/_list-group.scss +0 -26
  102. data/_sass/bootstrap/mixins/_lists.scss +0 -7
  103. data/_sass/bootstrap/mixins/_pagination.scss +0 -10
  104. data/_sass/bootstrap/mixins/_reset-text.scss +0 -17
  105. data/_sass/bootstrap/mixins/_resize.scss +0 -6
  106. data/_sass/bootstrap/mixins/_table-variants.scss +0 -24
  107. data/_sass/bootstrap/mixins/_text-truncate.scss +0 -8
  108. data/_sass/bootstrap/mixins/_transition.scss +0 -26
  109. data/_sass/bootstrap/mixins/_utilities.scss +0 -97
  110. data/_sass/bootstrap/mixins/_visually-hidden.scss +0 -33
  111. data/_sass/bootstrap/utilities/_api.scss +0 -47
  112. data/_sass/bootstrap/vendor/_rfs.scss +0 -348
  113. data/assets/css/dataTables.bootstrap5.css +0 -430
  114. data/assets/css/dataTables.bootstrap5.min.css +0 -5
  115. data/assets/icons/android-chrome-192.png +0 -0
  116. data/assets/icons/android-chrome-512.png +0 -0
  117. data/assets/icons/apple-touch-icon.png +0 -0
  118. data/assets/icons/favicon-16.png +0 -0
  119. data/assets/icons/favicon-32.png +0 -0
  120. data/assets/icons/favicon.ico +0 -0
  121. data/assets/icons/favicon.svg +0 -1
  122. data/assets/img/anaconda-symbolic.svg +0 -1
  123. data/assets/img/anaconda.svg +0 -1
  124. data/assets/img/centos-dynamicmsg-logo.svg +0 -1
  125. data/assets/img/centos-dynamicmsg-type.svg +0 -1
  126. data/assets/img/centos-dynamicmsg-whitelogo.svg +0 -1
  127. data/assets/img/centos-dynamicmsg-whitetype.svg +0 -1
  128. data/assets/img/centos-gdm-whitelogo.svg +0 -1
  129. data/assets/img/centos-ipa-whiteheader.svg +0 -1
  130. data/assets/img/centos-logo-2bits.svg +0 -1
  131. data/assets/img/centos-logo.svg +0 -1
  132. data/assets/img/centos-message-logo.svg +0 -1
  133. data/assets/img/centos-motif.png +0 -0
  134. data/assets/img/centos-poweredby-logo.svg +0 -1
  135. data/assets/img/centos-symbol-2bits.svg +0 -1
  136. data/assets/img/centos-symbol.svg +0 -1
  137. data/assets/img/centos-type.svg +0 -1
  138. data/assets/img/centos-vertical-logo.svg +0 -1
  139. data/assets/img/centos-vertical-message-logo.svg +0 -1
  140. data/assets/img/centos-whitelogo.svg +0 -1
  141. data/assets/img/sort_asc.png +0 -0
  142. data/assets/img/sort_asc_disabled.png +0 -0
  143. data/assets/img/sort_both.png +0 -0
  144. data/assets/img/sort_desc.png +0 -0
  145. data/assets/img/sort_desc_disabled.png +0 -0
  146. data/assets/js/bootstrap.bundle.js +0 -6306
  147. data/assets/js/bootstrap.bundle.js.map +0 -1
  148. data/assets/js/bootstrap.bundle.min.js +0 -7
  149. data/assets/js/bootstrap.bundle.min.js.map +0 -1
  150. data/assets/js/bootstrap.esm.js +0 -4439
  151. data/assets/js/bootstrap.esm.js.map +0 -1
  152. data/assets/js/bootstrap.esm.min.js +0 -7
  153. data/assets/js/bootstrap.esm.min.js.map +0 -1
  154. data/assets/js/bootstrap.js +0 -4486
  155. data/assets/js/bootstrap.js.map +0 -1
  156. data/assets/js/bootstrap.min.js +0 -7
  157. data/assets/js/bootstrap.min.js.map +0 -1
  158. data/assets/js/clipboard.min.js +0 -7
  159. data/assets/js/dataTables.bootstrap5.min.js +0 -4
  160. data/assets/js/jquery.dataTables.min.js +0 -4
  161. data/assets/js/jquery.min.js +0 -2
  162. data/assets/js/jquery.slim.min.js +0 -2
  163. data/assets/js/vanilla-back-to-top.min.js +0 -1
@@ -1,244 +0,0 @@
1
- // Notes on the classes:
2
- //
3
- // 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)
4
- // even when their scroll action started on a carousel, but for compatibility (with Firefox)
5
- // we're preventing all actions instead
6
- // 2. The .carousel-item-start and .carousel-item-end is used to indicate where
7
- // the active slide is heading.
8
- // 3. .active.carousel-item is the current slide.
9
- // 4. .active.carousel-item-start and .active.carousel-item-end is the current
10
- // slide in its in-transition state. Only one of these occurs at a time.
11
- // 5. .carousel-item-next.carousel-item-start and .carousel-item-prev.carousel-item-end
12
- // is the upcoming slide in transition.
13
-
14
- .carousel {
15
- position: relative;
16
- }
17
-
18
- .carousel.pointer-event {
19
- touch-action: pan-y;
20
- }
21
-
22
- .carousel-inner {
23
- position: relative;
24
- width: 100%;
25
- overflow: hidden;
26
- @include clearfix();
27
- }
28
-
29
- .carousel-item {
30
- position: relative;
31
- display: none;
32
- float: left;
33
- width: 100%;
34
- margin-right: -100%;
35
- backface-visibility: hidden;
36
- @include transition($carousel-transition);
37
- }
38
-
39
- .carousel-item.active,
40
- .carousel-item-next,
41
- .carousel-item-prev {
42
- display: block;
43
- }
44
-
45
- .carousel-item-next:not(.carousel-item-start),
46
- .active.carousel-item-end {
47
- transform: translateX(100%);
48
- }
49
-
50
- .carousel-item-prev:not(.carousel-item-end),
51
- .active.carousel-item-start {
52
- transform: translateX(-100%);
53
- }
54
-
55
-
56
- //
57
- // Alternate transitions
58
- //
59
-
60
- .carousel-fade {
61
- .carousel-item {
62
- opacity: 0;
63
- transition-property: opacity;
64
- transform: none;
65
- }
66
-
67
- .carousel-item.active,
68
- .carousel-item-next.carousel-item-start,
69
- .carousel-item-prev.carousel-item-end {
70
- z-index: 1;
71
- opacity: 1;
72
- }
73
-
74
- .active.carousel-item-start,
75
- .active.carousel-item-end {
76
- z-index: 0;
77
- opacity: 0;
78
- @include transition(opacity 0s $carousel-transition-duration);
79
- }
80
- }
81
-
82
-
83
- //
84
- // Left/right controls for nav
85
- //
86
-
87
- .carousel-control-prev,
88
- .carousel-control-next {
89
- position: absolute;
90
- top: 0;
91
- bottom: 0;
92
- z-index: 1;
93
- // Use flex for alignment (1-3)
94
- display: flex; // 1. allow flex styles
95
- align-items: center; // 2. vertically center contents
96
- justify-content: center; // 3. horizontally center contents
97
- width: $carousel-control-width;
98
- padding: 0;
99
- color: $carousel-control-color;
100
- text-align: center;
101
- background: none;
102
- border: 0;
103
- opacity: $carousel-control-opacity;
104
- @include transition($carousel-control-transition);
105
-
106
- // Hover/focus state
107
- &:hover,
108
- &:focus {
109
- color: $carousel-control-color;
110
- text-decoration: none;
111
- outline: 0;
112
- opacity: $carousel-control-hover-opacity;
113
- }
114
- }
115
- .carousel-control-prev {
116
- left: 0;
117
- background-image: if($enable-gradients, linear-gradient(90deg, rgba($black, .25), rgba($black, .001)), null);
118
- }
119
- .carousel-control-next {
120
- right: 0;
121
- background-image: if($enable-gradients, linear-gradient(270deg, rgba($black, .25), rgba($black, .001)), null);
122
- }
123
-
124
- // Icons for within
125
- .carousel-control-prev-icon,
126
- .carousel-control-next-icon {
127
- display: inline-block;
128
- width: $carousel-control-icon-width;
129
- height: $carousel-control-icon-width;
130
- background-repeat: no-repeat;
131
- background-position: 50%;
132
- background-size: 100% 100%;
133
- }
134
-
135
- /* rtl:options: {
136
- "autoRename": true,
137
- "stringMap":[ {
138
- "name" : "prev-next",
139
- "search" : "prev",
140
- "replace" : "next"
141
- } ]
142
- } */
143
- .carousel-control-prev-icon {
144
- background-image: escape-svg($carousel-control-prev-icon-bg);
145
- }
146
- .carousel-control-next-icon {
147
- background-image: escape-svg($carousel-control-next-icon-bg);
148
- }
149
-
150
- // Optional indicator pips/controls
151
- //
152
- // Add a container (such as a list) with the following class and add an item (ideally a focusable control,
153
- // like a button) with data-bs-target for each slide your carousel holds.
154
-
155
- .carousel-indicators {
156
- position: absolute;
157
- right: 0;
158
- bottom: 0;
159
- left: 0;
160
- z-index: 2;
161
- display: flex;
162
- justify-content: center;
163
- padding: 0;
164
- // Use the .carousel-control's width as margin so we don't overlay those
165
- margin-right: $carousel-control-width;
166
- margin-bottom: 1rem;
167
- margin-left: $carousel-control-width;
168
-
169
- [data-bs-target] {
170
- box-sizing: content-box;
171
- flex: 0 1 auto;
172
- width: $carousel-indicator-width;
173
- height: $carousel-indicator-height;
174
- padding: 0;
175
- margin-right: $carousel-indicator-spacer;
176
- margin-left: $carousel-indicator-spacer;
177
- text-indent: -999px;
178
- cursor: pointer;
179
- background-color: $carousel-indicator-active-bg;
180
- background-clip: padding-box;
181
- border: 0;
182
- // Use transparent borders to increase the hit area by 10px on top and bottom.
183
- border-top: $carousel-indicator-hit-area-height solid transparent;
184
- border-bottom: $carousel-indicator-hit-area-height solid transparent;
185
- opacity: $carousel-indicator-opacity;
186
- @include transition($carousel-indicator-transition);
187
- }
188
-
189
- .active {
190
- opacity: $carousel-indicator-active-opacity;
191
- }
192
- }
193
-
194
-
195
- // Optional captions
196
- //
197
- //
198
-
199
- .carousel-caption {
200
- position: absolute;
201
- right: (100% - $carousel-caption-width) * .5;
202
- bottom: $carousel-caption-spacer;
203
- left: (100% - $carousel-caption-width) * .5;
204
- padding-top: $carousel-caption-padding-y;
205
- padding-bottom: $carousel-caption-padding-y;
206
- color: $carousel-caption-color;
207
- text-align: center;
208
- }
209
-
210
- // Dark mode carousel
211
-
212
- @mixin carousel-dark() {
213
- .carousel-control-prev-icon,
214
- .carousel-control-next-icon {
215
- filter: $carousel-dark-control-icon-filter;
216
- }
217
-
218
- .carousel-indicators [data-bs-target] {
219
- background-color: $carousel-dark-indicator-active-bg;
220
- }
221
-
222
- .carousel-caption {
223
- color: $carousel-dark-caption-color;
224
- }
225
- }
226
-
227
- .carousel-dark {
228
- @include carousel-dark();
229
- }
230
-
231
- @if $enable-dark-mode {
232
- @include color-mode(dark) {
233
- @if $color-mode-type == "media-query" {
234
- .carousel {
235
- @include carousel-dark();
236
- }
237
- } @else {
238
- .carousel,
239
- &.carousel {
240
- @include carousel-dark();
241
- }
242
- }
243
- }
244
- }
@@ -1,63 +0,0 @@
1
- // Transparent background and border properties included for button version.
2
- // iOS requires the button element instead of an anchor tag.
3
- // If you want the anchor version, it requires `href="#"`.
4
- // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
5
-
6
- .btn-close {
7
- // scss-docs-start close-css-vars
8
- --#{$prefix}btn-close-color: #{$btn-close-color};
9
- --#{$prefix}btn-close-bg: #{ escape-svg($btn-close-bg) };
10
- --#{$prefix}btn-close-opacity: #{$btn-close-opacity};
11
- --#{$prefix}btn-close-hover-opacity: #{$btn-close-hover-opacity};
12
- --#{$prefix}btn-close-focus-shadow: #{$btn-close-focus-shadow};
13
- --#{$prefix}btn-close-focus-opacity: #{$btn-close-focus-opacity};
14
- --#{$prefix}btn-close-disabled-opacity: #{$btn-close-disabled-opacity};
15
- --#{$prefix}btn-close-white-filter: #{$btn-close-white-filter};
16
- // scss-docs-end close-css-vars
17
-
18
- box-sizing: content-box;
19
- width: $btn-close-width;
20
- height: $btn-close-height;
21
- padding: $btn-close-padding-y $btn-close-padding-x;
22
- color: var(--#{$prefix}btn-close-color);
23
- background: transparent var(--#{$prefix}btn-close-bg) center / $btn-close-width auto no-repeat; // include transparent for button elements
24
- border: 0; // for button elements
25
- @include border-radius();
26
- opacity: var(--#{$prefix}btn-close-opacity);
27
-
28
- // Override <a>'s hover style
29
- &:hover {
30
- color: var(--#{$prefix}btn-close-color);
31
- text-decoration: none;
32
- opacity: var(--#{$prefix}btn-close-hover-opacity);
33
- }
34
-
35
- &:focus {
36
- outline: 0;
37
- box-shadow: var(--#{$prefix}btn-close-focus-shadow);
38
- opacity: var(--#{$prefix}btn-close-focus-opacity);
39
- }
40
-
41
- &:disabled,
42
- &.disabled {
43
- pointer-events: none;
44
- user-select: none;
45
- opacity: var(--#{$prefix}btn-close-disabled-opacity);
46
- }
47
- }
48
-
49
- @mixin btn-close-white() {
50
- filter: var(--#{$prefix}btn-close-white-filter);
51
- }
52
-
53
- .btn-close-white {
54
- @include btn-close-white();
55
- }
56
-
57
- @if $enable-dark-mode {
58
- @include color-mode(dark) {
59
- .btn-close {
60
- @include btn-close-white();
61
- }
62
- }
63
- }
@@ -1,41 +0,0 @@
1
- // Container widths
2
- //
3
- // Set the container width, and override it for fixed navbars in media queries.
4
-
5
- @if $enable-container-classes {
6
- // Single container class with breakpoint max-widths
7
- .container,
8
- // 100% wide container at all breakpoints
9
- .container-fluid {
10
- @include make-container();
11
- }
12
-
13
- // Responsive containers that are 100% wide until a breakpoint
14
- @each $breakpoint, $container-max-width in $container-max-widths {
15
- .container-#{$breakpoint} {
16
- @extend .container-fluid;
17
- }
18
-
19
- @include media-breakpoint-up($breakpoint, $grid-breakpoints) {
20
- %responsive-container-#{$breakpoint} {
21
- max-width: $container-max-width;
22
- }
23
-
24
- // Extend each breakpoint which is smaller or equal to the current breakpoint
25
- $extend-breakpoint: true;
26
-
27
- @each $name, $width in $grid-breakpoints {
28
- @if ($extend-breakpoint) {
29
- .container#{breakpoint-infix($name, $grid-breakpoints)} {
30
- @extend %responsive-container-#{$breakpoint};
31
- }
32
-
33
- // Once the current breakpoint is reached, stop extending
34
- @if ($breakpoint == $name) {
35
- $extend-breakpoint: false;
36
- }
37
- }
38
- }
39
- }
40
- }
41
- }
@@ -1,250 +0,0 @@
1
- // The dropdown wrapper (`<div>`)
2
- .dropup,
3
- .dropend,
4
- .dropdown,
5
- .dropstart,
6
- .dropup-center,
7
- .dropdown-center {
8
- position: relative;
9
- }
10
-
11
- .dropdown-toggle {
12
- white-space: nowrap;
13
-
14
- // Generate the caret automatically
15
- @include caret();
16
- }
17
-
18
- // The dropdown menu
19
- .dropdown-menu {
20
- // scss-docs-start dropdown-css-vars
21
- --#{$prefix}dropdown-zindex: #{$zindex-dropdown};
22
- --#{$prefix}dropdown-min-width: #{$dropdown-min-width};
23
- --#{$prefix}dropdown-padding-x: #{$dropdown-padding-x};
24
- --#{$prefix}dropdown-padding-y: #{$dropdown-padding-y};
25
- --#{$prefix}dropdown-spacer: #{$dropdown-spacer};
26
- @include rfs($dropdown-font-size, --#{$prefix}dropdown-font-size);
27
- --#{$prefix}dropdown-color: #{$dropdown-color};
28
- --#{$prefix}dropdown-bg: #{$dropdown-bg};
29
- --#{$prefix}dropdown-border-color: #{$dropdown-border-color};
30
- --#{$prefix}dropdown-border-radius: #{$dropdown-border-radius};
31
- --#{$prefix}dropdown-border-width: #{$dropdown-border-width};
32
- --#{$prefix}dropdown-inner-border-radius: #{$dropdown-inner-border-radius};
33
- --#{$prefix}dropdown-divider-bg: #{$dropdown-divider-bg};
34
- --#{$prefix}dropdown-divider-margin-y: #{$dropdown-divider-margin-y};
35
- --#{$prefix}dropdown-box-shadow: #{$dropdown-box-shadow};
36
- --#{$prefix}dropdown-link-color: #{$dropdown-link-color};
37
- --#{$prefix}dropdown-link-hover-color: #{$dropdown-link-hover-color};
38
- --#{$prefix}dropdown-link-hover-bg: #{$dropdown-link-hover-bg};
39
- --#{$prefix}dropdown-link-active-color: #{$dropdown-link-active-color};
40
- --#{$prefix}dropdown-link-active-bg: #{$dropdown-link-active-bg};
41
- --#{$prefix}dropdown-link-disabled-color: #{$dropdown-link-disabled-color};
42
- --#{$prefix}dropdown-item-padding-x: #{$dropdown-item-padding-x};
43
- --#{$prefix}dropdown-item-padding-y: #{$dropdown-item-padding-y};
44
- --#{$prefix}dropdown-header-color: #{$dropdown-header-color};
45
- --#{$prefix}dropdown-header-padding-x: #{$dropdown-header-padding-x};
46
- --#{$prefix}dropdown-header-padding-y: #{$dropdown-header-padding-y};
47
- // scss-docs-end dropdown-css-vars
48
-
49
- position: absolute;
50
- z-index: var(--#{$prefix}dropdown-zindex);
51
- display: none; // none by default, but block on "open" of the menu
52
- min-width: var(--#{$prefix}dropdown-min-width);
53
- padding: var(--#{$prefix}dropdown-padding-y) var(--#{$prefix}dropdown-padding-x);
54
- margin: 0; // Override default margin of ul
55
- @include font-size(var(--#{$prefix}dropdown-font-size));
56
- color: var(--#{$prefix}dropdown-color);
57
- text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
58
- list-style: none;
59
- background-color: var(--#{$prefix}dropdown-bg);
60
- background-clip: padding-box;
61
- border: var(--#{$prefix}dropdown-border-width) solid var(--#{$prefix}dropdown-border-color);
62
- @include border-radius(var(--#{$prefix}dropdown-border-radius));
63
- @include box-shadow(var(--#{$prefix}dropdown-box-shadow));
64
-
65
- &[data-bs-popper] {
66
- top: 100%;
67
- left: 0;
68
- margin-top: var(--#{$prefix}dropdown-spacer);
69
- }
70
-
71
- @if $dropdown-padding-y == 0 {
72
- > .dropdown-item:first-child,
73
- > li:first-child .dropdown-item {
74
- @include border-top-radius(var(--#{$prefix}dropdown-inner-border-radius));
75
- }
76
- > .dropdown-item:last-child,
77
- > li:last-child .dropdown-item {
78
- @include border-bottom-radius(var(--#{$prefix}dropdown-inner-border-radius));
79
- }
80
-
81
- }
82
- }
83
-
84
- // scss-docs-start responsive-breakpoints
85
- // We deliberately hardcode the `bs-` prefix because we check
86
- // this custom property in JS to determine Popper's positioning
87
-
88
- @each $breakpoint in map-keys($grid-breakpoints) {
89
- @include media-breakpoint-up($breakpoint) {
90
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
91
-
92
- .dropdown-menu#{$infix}-start {
93
- --bs-position: start;
94
-
95
- &[data-bs-popper] {
96
- right: auto;
97
- left: 0;
98
- }
99
- }
100
-
101
- .dropdown-menu#{$infix}-end {
102
- --bs-position: end;
103
-
104
- &[data-bs-popper] {
105
- right: 0;
106
- left: auto;
107
- }
108
- }
109
- }
110
- }
111
- // scss-docs-end responsive-breakpoints
112
-
113
- // Allow for dropdowns to go bottom up (aka, dropup-menu)
114
- // Just add .dropup after the standard .dropdown class and you're set.
115
- .dropup {
116
- .dropdown-menu[data-bs-popper] {
117
- top: auto;
118
- bottom: 100%;
119
- margin-top: 0;
120
- margin-bottom: var(--#{$prefix}dropdown-spacer);
121
- }
122
-
123
- .dropdown-toggle {
124
- @include caret(up);
125
- }
126
- }
127
-
128
- .dropend {
129
- .dropdown-menu[data-bs-popper] {
130
- top: 0;
131
- right: auto;
132
- left: 100%;
133
- margin-top: 0;
134
- margin-left: var(--#{$prefix}dropdown-spacer);
135
- }
136
-
137
- .dropdown-toggle {
138
- @include caret(end);
139
- &::after {
140
- vertical-align: 0;
141
- }
142
- }
143
- }
144
-
145
- .dropstart {
146
- .dropdown-menu[data-bs-popper] {
147
- top: 0;
148
- right: 100%;
149
- left: auto;
150
- margin-top: 0;
151
- margin-right: var(--#{$prefix}dropdown-spacer);
152
- }
153
-
154
- .dropdown-toggle {
155
- @include caret(start);
156
- &::before {
157
- vertical-align: 0;
158
- }
159
- }
160
- }
161
-
162
-
163
- // Dividers (basically an `<hr>`) within the dropdown
164
- .dropdown-divider {
165
- height: 0;
166
- margin: var(--#{$prefix}dropdown-divider-margin-y) 0;
167
- overflow: hidden;
168
- border-top: 1px solid var(--#{$prefix}dropdown-divider-bg);
169
- opacity: 1; // Revisit in v6 to de-dupe styles that conflict with <hr> element
170
- }
171
-
172
- // Links, buttons, and more within the dropdown menu
173
- //
174
- // `<button>`-specific styles are denoted with `// For <button>s`
175
- .dropdown-item {
176
- display: block;
177
- width: 100%; // For `<button>`s
178
- padding: var(--#{$prefix}dropdown-item-padding-y) var(--#{$prefix}dropdown-item-padding-x);
179
- clear: both;
180
- font-weight: $font-weight-normal;
181
- color: var(--#{$prefix}dropdown-link-color);
182
- text-align: inherit; // For `<button>`s
183
- text-decoration: if($link-decoration == none, null, none);
184
- white-space: nowrap; // prevent links from randomly breaking onto new lines
185
- background-color: transparent; // For `<button>`s
186
- border: 0; // For `<button>`s
187
- @include border-radius(var(--#{$prefix}dropdown-item-border-radius, 0));
188
-
189
- &:hover,
190
- &:focus {
191
- color: var(--#{$prefix}dropdown-link-hover-color);
192
- text-decoration: if($link-hover-decoration == underline, none, null);
193
- @include gradient-bg(var(--#{$prefix}dropdown-link-hover-bg));
194
- }
195
-
196
- &.active,
197
- &:active {
198
- color: var(--#{$prefix}dropdown-link-active-color);
199
- text-decoration: none;
200
- @include gradient-bg(var(--#{$prefix}dropdown-link-active-bg));
201
- }
202
-
203
- &.disabled,
204
- &:disabled {
205
- color: var(--#{$prefix}dropdown-link-disabled-color);
206
- pointer-events: none;
207
- background-color: transparent;
208
- // Remove CSS gradients if they're enabled
209
- background-image: if($enable-gradients, none, null);
210
- }
211
- }
212
-
213
- .dropdown-menu.show {
214
- display: block;
215
- }
216
-
217
- // Dropdown section headers
218
- .dropdown-header {
219
- display: block;
220
- padding: var(--#{$prefix}dropdown-header-padding-y) var(--#{$prefix}dropdown-header-padding-x);
221
- margin-bottom: 0; // for use with heading elements
222
- @include font-size($font-size-sm);
223
- color: var(--#{$prefix}dropdown-header-color);
224
- white-space: nowrap; // as with > li > a
225
- }
226
-
227
- // Dropdown text
228
- .dropdown-item-text {
229
- display: block;
230
- padding: var(--#{$prefix}dropdown-item-padding-y) var(--#{$prefix}dropdown-item-padding-x);
231
- color: var(--#{$prefix}dropdown-link-color);
232
- }
233
-
234
- // Dark dropdowns
235
- .dropdown-menu-dark {
236
- // scss-docs-start dropdown-dark-css-vars
237
- --#{$prefix}dropdown-color: #{$dropdown-dark-color};
238
- --#{$prefix}dropdown-bg: #{$dropdown-dark-bg};
239
- --#{$prefix}dropdown-border-color: #{$dropdown-dark-border-color};
240
- --#{$prefix}dropdown-box-shadow: #{$dropdown-dark-box-shadow};
241
- --#{$prefix}dropdown-link-color: #{$dropdown-dark-link-color};
242
- --#{$prefix}dropdown-link-hover-color: #{$dropdown-dark-link-hover-color};
243
- --#{$prefix}dropdown-divider-bg: #{$dropdown-dark-divider-bg};
244
- --#{$prefix}dropdown-link-hover-bg: #{$dropdown-dark-link-hover-bg};
245
- --#{$prefix}dropdown-link-active-color: #{$dropdown-dark-link-active-color};
246
- --#{$prefix}dropdown-link-active-bg: #{$dropdown-dark-link-active-bg};
247
- --#{$prefix}dropdown-link-disabled-color: #{$dropdown-dark-link-disabled-color};
248
- --#{$prefix}dropdown-header-color: #{$dropdown-dark-header-color};
249
- // scss-docs-end dropdown-dark-css-vars
250
- }
@@ -1,9 +0,0 @@
1
- @import "forms/labels";
2
- @import "forms/form-text";
3
- @import "forms/form-control";
4
- @import "forms/form-select";
5
- @import "forms/form-check";
6
- @import "forms/form-range";
7
- @import "forms/floating-labels";
8
- @import "forms/input-group";
9
- @import "forms/validation";