jekyll-theme-centos 2.51.1.beta.24 → 2.51.1.beta.26

Sign up to get free protection for your applications and to get access to all the features.
Files changed (108) hide show
  1. checksums.yaml +4 -4
  2. data/_sass/bootstrap/_accordion.scss +158 -0
  3. data/_sass/bootstrap/_alert.scss +68 -0
  4. data/_sass/bootstrap/_badge.scss +38 -0
  5. data/_sass/bootstrap/_breadcrumb.scss +40 -0
  6. data/_sass/bootstrap/_button-group.scss +142 -0
  7. data/_sass/bootstrap/_buttons.scss +216 -0
  8. data/_sass/bootstrap/_card.scss +239 -0
  9. data/_sass/bootstrap/_carousel.scss +236 -0
  10. data/_sass/bootstrap/_close.scss +63 -0
  11. data/_sass/bootstrap/_containers.scss +41 -0
  12. data/_sass/bootstrap/_dropdown.scss +250 -0
  13. data/_sass/bootstrap/_forms.scss +9 -0
  14. data/_sass/bootstrap/_functions.scss +302 -0
  15. data/_sass/bootstrap/_grid.scss +39 -0
  16. data/_sass/bootstrap/_helpers.scss +12 -0
  17. data/_sass/bootstrap/_images.scss +42 -0
  18. data/_sass/bootstrap/_list-group.scss +197 -0
  19. data/_sass/bootstrap/_maps.scss +174 -0
  20. data/_sass/bootstrap/_mixins.scss +42 -0
  21. data/_sass/bootstrap/_modal.scss +236 -0
  22. data/_sass/bootstrap/_nav.scss +197 -0
  23. data/_sass/bootstrap/_navbar.scss +289 -0
  24. data/_sass/bootstrap/_offcanvas.scss +143 -0
  25. data/_sass/bootstrap/_pagination.scss +109 -0
  26. data/_sass/bootstrap/_placeholders.scss +51 -0
  27. data/_sass/bootstrap/_popover.scss +196 -0
  28. data/_sass/bootstrap/_progress.scss +68 -0
  29. data/_sass/bootstrap/_reboot.scss +611 -0
  30. data/_sass/bootstrap/_root.scss +187 -0
  31. data/_sass/bootstrap/_spinners.scss +85 -0
  32. data/_sass/bootstrap/_tables.scss +171 -0
  33. data/_sass/bootstrap/_toasts.scss +73 -0
  34. data/_sass/bootstrap/_tooltip.scss +119 -0
  35. data/_sass/bootstrap/_transitions.scss +27 -0
  36. data/_sass/bootstrap/_type.scss +106 -0
  37. data/_sass/bootstrap/_utilities.scss +806 -0
  38. data/_sass/bootstrap/_variables-dark.scss +87 -0
  39. data/_sass/bootstrap/_variables.scss +1751 -0
  40. data/_sass/bootstrap/bootstrap-grid.scss +62 -0
  41. data/_sass/bootstrap/bootstrap-reboot.scss +10 -0
  42. data/_sass/bootstrap/bootstrap-utilities.scss +19 -0
  43. data/_sass/bootstrap/bootstrap.scss +52 -0
  44. data/_sass/bootstrap/forms/_floating-labels.scss +95 -0
  45. data/_sass/bootstrap/forms/_form-check.scss +189 -0
  46. data/_sass/bootstrap/forms/_form-control.scss +214 -0
  47. data/_sass/bootstrap/forms/_form-range.scss +91 -0
  48. data/_sass/bootstrap/forms/_form-select.scss +80 -0
  49. data/_sass/bootstrap/forms/_form-text.scss +11 -0
  50. data/_sass/bootstrap/forms/_input-group.scss +132 -0
  51. data/_sass/bootstrap/forms/_labels.scss +36 -0
  52. data/_sass/bootstrap/forms/_validation.scss +12 -0
  53. data/_sass/bootstrap/helpers/_clearfix.scss +3 -0
  54. data/_sass/bootstrap/helpers/_color-bg.scss +7 -0
  55. data/_sass/bootstrap/helpers/_colored-links.scss +30 -0
  56. data/_sass/bootstrap/helpers/_focus-ring.scss +5 -0
  57. data/_sass/bootstrap/helpers/_icon-link.scss +25 -0
  58. data/_sass/bootstrap/helpers/_position.scss +36 -0
  59. data/_sass/bootstrap/helpers/_ratio.scss +26 -0
  60. data/_sass/bootstrap/helpers/_stacks.scss +15 -0
  61. data/_sass/bootstrap/helpers/_stretched-link.scss +15 -0
  62. data/_sass/bootstrap/helpers/_text-truncation.scss +7 -0
  63. data/_sass/bootstrap/helpers/_visually-hidden.scss +8 -0
  64. data/_sass/bootstrap/helpers/_vr.scss +8 -0
  65. data/_sass/bootstrap/mixins/_alert.scss +18 -0
  66. data/_sass/bootstrap/mixins/_backdrop.scss +14 -0
  67. data/_sass/bootstrap/mixins/_banner.scss +7 -0
  68. data/_sass/bootstrap/mixins/_border-radius.scss +78 -0
  69. data/_sass/bootstrap/mixins/_box-shadow.scss +18 -0
  70. data/_sass/bootstrap/mixins/_breakpoints.scss +127 -0
  71. data/_sass/bootstrap/mixins/_buttons.scss +70 -0
  72. data/_sass/bootstrap/mixins/_caret.scss +69 -0
  73. data/_sass/bootstrap/mixins/_clearfix.scss +9 -0
  74. data/_sass/bootstrap/mixins/_color-mode.scss +21 -0
  75. data/_sass/bootstrap/mixins/_color-scheme.scss +7 -0
  76. data/_sass/bootstrap/mixins/_container.scss +11 -0
  77. data/_sass/bootstrap/mixins/_deprecate.scss +10 -0
  78. data/_sass/bootstrap/mixins/_forms.scss +163 -0
  79. data/_sass/bootstrap/mixins/_gradients.scss +47 -0
  80. data/_sass/bootstrap/mixins/_grid.scss +151 -0
  81. data/_sass/bootstrap/mixins/_image.scss +16 -0
  82. data/_sass/bootstrap/mixins/_list-group.scss +26 -0
  83. data/_sass/bootstrap/mixins/_lists.scss +7 -0
  84. data/_sass/bootstrap/mixins/_pagination.scss +10 -0
  85. data/_sass/bootstrap/mixins/_reset-text.scss +17 -0
  86. data/_sass/bootstrap/mixins/_resize.scss +6 -0
  87. data/_sass/bootstrap/mixins/_table-variants.scss +24 -0
  88. data/_sass/bootstrap/mixins/_text-truncate.scss +8 -0
  89. data/_sass/bootstrap/mixins/_transition.scss +26 -0
  90. data/_sass/bootstrap/mixins/_utilities.scss +97 -0
  91. data/_sass/bootstrap/mixins/_visually-hidden.scss +33 -0
  92. data/_sass/bootstrap/utilities/_api.scss +47 -0
  93. data/_sass/bootstrap/vendor/_rfs.scss +348 -0
  94. data/assets/js/bootstrap.bundle.js +6314 -0
  95. data/assets/js/bootstrap.bundle.js.map +1 -0
  96. data/assets/js/bootstrap.bundle.min.js +7 -0
  97. data/assets/js/bootstrap.bundle.min.js.map +1 -0
  98. data/assets/js/bootstrap.esm.js +4447 -0
  99. data/assets/js/bootstrap.esm.js.map +1 -0
  100. data/assets/js/bootstrap.esm.min.js +7 -0
  101. data/assets/js/bootstrap.esm.min.js.map +1 -0
  102. data/assets/js/bootstrap.js +4494 -0
  103. data/assets/js/bootstrap.js.map +1 -0
  104. data/assets/js/bootstrap.min.js +7 -0
  105. data/assets/js/bootstrap.min.js.map +1 -0
  106. metadata +105 -3
  107. data/assets/icons/favicon.ico +0 -0
  108. data/assets/icons/favicon.svg +0 -1
@@ -0,0 +1,239 @@
1
+ //
2
+ // Base styles
3
+ //
4
+
5
+ .card {
6
+ // scss-docs-start card-css-vars
7
+ --#{$prefix}card-spacer-y: #{$card-spacer-y};
8
+ --#{$prefix}card-spacer-x: #{$card-spacer-x};
9
+ --#{$prefix}card-title-spacer-y: #{$card-title-spacer-y};
10
+ --#{$prefix}card-title-color: #{$card-title-color};
11
+ --#{$prefix}card-subtitle-color: #{$card-subtitle-color};
12
+ --#{$prefix}card-border-width: #{$card-border-width};
13
+ --#{$prefix}card-border-color: #{$card-border-color};
14
+ --#{$prefix}card-border-radius: #{$card-border-radius};
15
+ --#{$prefix}card-box-shadow: #{$card-box-shadow};
16
+ --#{$prefix}card-inner-border-radius: #{$card-inner-border-radius};
17
+ --#{$prefix}card-cap-padding-y: #{$card-cap-padding-y};
18
+ --#{$prefix}card-cap-padding-x: #{$card-cap-padding-x};
19
+ --#{$prefix}card-cap-bg: #{$card-cap-bg};
20
+ --#{$prefix}card-cap-color: #{$card-cap-color};
21
+ --#{$prefix}card-height: #{$card-height};
22
+ --#{$prefix}card-color: #{$card-color};
23
+ --#{$prefix}card-bg: #{$card-bg};
24
+ --#{$prefix}card-img-overlay-padding: #{$card-img-overlay-padding};
25
+ --#{$prefix}card-group-margin: #{$card-group-margin};
26
+ // scss-docs-end card-css-vars
27
+
28
+ position: relative;
29
+ display: flex;
30
+ flex-direction: column;
31
+ min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106
32
+ height: var(--#{$prefix}card-height);
33
+ color: var(--#{$prefix}body-color);
34
+ word-wrap: break-word;
35
+ background-color: var(--#{$prefix}card-bg);
36
+ background-clip: border-box;
37
+ border: var(--#{$prefix}card-border-width) solid var(--#{$prefix}card-border-color);
38
+ @include border-radius(var(--#{$prefix}card-border-radius));
39
+ @include box-shadow(var(--#{$prefix}card-box-shadow));
40
+
41
+ > hr {
42
+ margin-right: 0;
43
+ margin-left: 0;
44
+ }
45
+
46
+ > .list-group {
47
+ border-top: inherit;
48
+ border-bottom: inherit;
49
+
50
+ &:first-child {
51
+ border-top-width: 0;
52
+ @include border-top-radius(var(--#{$prefix}card-inner-border-radius));
53
+ }
54
+
55
+ &:last-child {
56
+ border-bottom-width: 0;
57
+ @include border-bottom-radius(var(--#{$prefix}card-inner-border-radius));
58
+ }
59
+ }
60
+
61
+ // Due to specificity of the above selector (`.card > .list-group`), we must
62
+ // use a child selector here to prevent double borders.
63
+ > .card-header + .list-group,
64
+ > .list-group + .card-footer {
65
+ border-top: 0;
66
+ }
67
+ }
68
+
69
+ .card-body {
70
+ // Enable `flex-grow: 1` for decks and groups so that card blocks take up
71
+ // as much space as possible, ensuring footers are aligned to the bottom.
72
+ flex: 1 1 auto;
73
+ padding: var(--#{$prefix}card-spacer-y) var(--#{$prefix}card-spacer-x);
74
+ color: var(--#{$prefix}card-color);
75
+ }
76
+
77
+ .card-title {
78
+ margin-bottom: var(--#{$prefix}card-title-spacer-y);
79
+ color: var(--#{$prefix}card-title-color);
80
+ }
81
+
82
+ .card-subtitle {
83
+ margin-top: calc(-.5 * var(--#{$prefix}card-title-spacer-y)); // stylelint-disable-line function-disallowed-list
84
+ margin-bottom: 0;
85
+ color: var(--#{$prefix}card-subtitle-color);
86
+ }
87
+
88
+ .card-text:last-child {
89
+ margin-bottom: 0;
90
+ }
91
+
92
+ .card-link {
93
+ &:hover {
94
+ text-decoration: if($link-hover-decoration == underline, none, null);
95
+ }
96
+
97
+ + .card-link {
98
+ margin-left: var(--#{$prefix}card-spacer-x);
99
+ }
100
+ }
101
+
102
+ //
103
+ // Optional textual caps
104
+ //
105
+
106
+ .card-header {
107
+ padding: var(--#{$prefix}card-cap-padding-y) var(--#{$prefix}card-cap-padding-x);
108
+ margin-bottom: 0; // Removes the default margin-bottom of <hN>
109
+ color: var(--#{$prefix}card-cap-color);
110
+ background-color: var(--#{$prefix}card-cap-bg);
111
+ border-bottom: var(--#{$prefix}card-border-width) solid var(--#{$prefix}card-border-color);
112
+
113
+ &:first-child {
114
+ @include border-radius(var(--#{$prefix}card-inner-border-radius) var(--#{$prefix}card-inner-border-radius) 0 0);
115
+ }
116
+ }
117
+
118
+ .card-footer {
119
+ padding: var(--#{$prefix}card-cap-padding-y) var(--#{$prefix}card-cap-padding-x);
120
+ color: var(--#{$prefix}card-cap-color);
121
+ background-color: var(--#{$prefix}card-cap-bg);
122
+ border-top: var(--#{$prefix}card-border-width) solid var(--#{$prefix}card-border-color);
123
+
124
+ &:last-child {
125
+ @include border-radius(0 0 var(--#{$prefix}card-inner-border-radius) var(--#{$prefix}card-inner-border-radius));
126
+ }
127
+ }
128
+
129
+
130
+ //
131
+ // Header navs
132
+ //
133
+
134
+ .card-header-tabs {
135
+ margin-right: calc(-.5 * var(--#{$prefix}card-cap-padding-x)); // stylelint-disable-line function-disallowed-list
136
+ margin-bottom: calc(-1 * var(--#{$prefix}card-cap-padding-y)); // stylelint-disable-line function-disallowed-list
137
+ margin-left: calc(-.5 * var(--#{$prefix}card-cap-padding-x)); // stylelint-disable-line function-disallowed-list
138
+ border-bottom: 0;
139
+
140
+ .nav-link.active {
141
+ background-color: var(--#{$prefix}card-bg);
142
+ border-bottom-color: var(--#{$prefix}card-bg);
143
+ }
144
+ }
145
+
146
+ .card-header-pills {
147
+ margin-right: calc(-.5 * var(--#{$prefix}card-cap-padding-x)); // stylelint-disable-line function-disallowed-list
148
+ margin-left: calc(-.5 * var(--#{$prefix}card-cap-padding-x)); // stylelint-disable-line function-disallowed-list
149
+ }
150
+
151
+ // Card image
152
+ .card-img-overlay {
153
+ position: absolute;
154
+ top: 0;
155
+ right: 0;
156
+ bottom: 0;
157
+ left: 0;
158
+ padding: var(--#{$prefix}card-img-overlay-padding);
159
+ @include border-radius(var(--#{$prefix}card-inner-border-radius));
160
+ }
161
+
162
+ .card-img,
163
+ .card-img-top,
164
+ .card-img-bottom {
165
+ width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
166
+ }
167
+
168
+ .card-img,
169
+ .card-img-top {
170
+ @include border-top-radius(var(--#{$prefix}card-inner-border-radius));
171
+ }
172
+
173
+ .card-img,
174
+ .card-img-bottom {
175
+ @include border-bottom-radius(var(--#{$prefix}card-inner-border-radius));
176
+ }
177
+
178
+
179
+ //
180
+ // Card groups
181
+ //
182
+
183
+ .card-group {
184
+ // The child selector allows nested `.card` within `.card-group`
185
+ // to display properly.
186
+ > .card {
187
+ margin-bottom: var(--#{$prefix}card-group-margin);
188
+ }
189
+
190
+ @include media-breakpoint-up(sm) {
191
+ display: flex;
192
+ flex-flow: row wrap;
193
+ // The child selector allows nested `.card` within `.card-group`
194
+ // to display properly.
195
+ > .card {
196
+ // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
197
+ flex: 1 0 0%;
198
+ margin-bottom: 0;
199
+
200
+ + .card {
201
+ margin-left: 0;
202
+ border-left: 0;
203
+ }
204
+
205
+ // Handle rounded corners
206
+ @if $enable-rounded {
207
+ &:not(:last-child) {
208
+ @include border-end-radius(0);
209
+
210
+ .card-img-top,
211
+ .card-header {
212
+ // stylelint-disable-next-line property-disallowed-list
213
+ border-top-right-radius: 0;
214
+ }
215
+ .card-img-bottom,
216
+ .card-footer {
217
+ // stylelint-disable-next-line property-disallowed-list
218
+ border-bottom-right-radius: 0;
219
+ }
220
+ }
221
+
222
+ &:not(:first-child) {
223
+ @include border-start-radius(0);
224
+
225
+ .card-img-top,
226
+ .card-header {
227
+ // stylelint-disable-next-line property-disallowed-list
228
+ border-top-left-radius: 0;
229
+ }
230
+ .card-img-bottom,
231
+ .card-footer {
232
+ // stylelint-disable-next-line property-disallowed-list
233
+ border-bottom-left-radius: 0;
234
+ }
235
+ }
236
+ }
237
+ }
238
+ }
239
+ }
@@ -0,0 +1,236 @@
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
+ .carousel-control-prev-icon {
136
+ background-image: escape-svg($carousel-control-prev-icon-bg) #{"/*rtl:" + escape-svg($carousel-control-next-icon-bg) + "*/"};
137
+ }
138
+ .carousel-control-next-icon {
139
+ background-image: escape-svg($carousel-control-next-icon-bg) #{"/*rtl:" + escape-svg($carousel-control-prev-icon-bg) + "*/"};
140
+ }
141
+
142
+ // Optional indicator pips/controls
143
+ //
144
+ // Add a container (such as a list) with the following class and add an item (ideally a focusable control,
145
+ // like a button) with data-bs-target for each slide your carousel holds.
146
+
147
+ .carousel-indicators {
148
+ position: absolute;
149
+ right: 0;
150
+ bottom: 0;
151
+ left: 0;
152
+ z-index: 2;
153
+ display: flex;
154
+ justify-content: center;
155
+ padding: 0;
156
+ // Use the .carousel-control's width as margin so we don't overlay those
157
+ margin-right: $carousel-control-width;
158
+ margin-bottom: 1rem;
159
+ margin-left: $carousel-control-width;
160
+
161
+ [data-bs-target] {
162
+ box-sizing: content-box;
163
+ flex: 0 1 auto;
164
+ width: $carousel-indicator-width;
165
+ height: $carousel-indicator-height;
166
+ padding: 0;
167
+ margin-right: $carousel-indicator-spacer;
168
+ margin-left: $carousel-indicator-spacer;
169
+ text-indent: -999px;
170
+ cursor: pointer;
171
+ background-color: $carousel-indicator-active-bg;
172
+ background-clip: padding-box;
173
+ border: 0;
174
+ // Use transparent borders to increase the hit area by 10px on top and bottom.
175
+ border-top: $carousel-indicator-hit-area-height solid transparent;
176
+ border-bottom: $carousel-indicator-hit-area-height solid transparent;
177
+ opacity: $carousel-indicator-opacity;
178
+ @include transition($carousel-indicator-transition);
179
+ }
180
+
181
+ .active {
182
+ opacity: $carousel-indicator-active-opacity;
183
+ }
184
+ }
185
+
186
+
187
+ // Optional captions
188
+ //
189
+ //
190
+
191
+ .carousel-caption {
192
+ position: absolute;
193
+ right: (100% - $carousel-caption-width) * .5;
194
+ bottom: $carousel-caption-spacer;
195
+ left: (100% - $carousel-caption-width) * .5;
196
+ padding-top: $carousel-caption-padding-y;
197
+ padding-bottom: $carousel-caption-padding-y;
198
+ color: $carousel-caption-color;
199
+ text-align: center;
200
+ }
201
+
202
+ // Dark mode carousel
203
+
204
+ @mixin carousel-dark() {
205
+ .carousel-control-prev-icon,
206
+ .carousel-control-next-icon {
207
+ filter: $carousel-dark-control-icon-filter;
208
+ }
209
+
210
+ .carousel-indicators [data-bs-target] {
211
+ background-color: $carousel-dark-indicator-active-bg;
212
+ }
213
+
214
+ .carousel-caption {
215
+ color: $carousel-dark-caption-color;
216
+ }
217
+ }
218
+
219
+ .carousel-dark {
220
+ @include carousel-dark();
221
+ }
222
+
223
+ @if $enable-dark-mode {
224
+ @include color-mode(dark) {
225
+ @if $color-mode-type == "media-query" {
226
+ .carousel {
227
+ @include carousel-dark();
228
+ }
229
+ } @else {
230
+ .carousel,
231
+ &.carousel {
232
+ @include carousel-dark();
233
+ }
234
+ }
235
+ }
236
+ }
@@ -0,0 +1,63 @@
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
+ }
@@ -0,0 +1,41 @@
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
+ }