jekyll-theme-centos 2.2.6 → 2.2.7

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 (124) hide show
  1. checksums.yaml +4 -4
  2. data/assets/icons/android-chrome-192.png +0 -0
  3. data/assets/icons/android-chrome-512.png +0 -0
  4. data/assets/icons/apple-touch-icon.png +0 -0
  5. data/assets/icons/favicon-16.png +0 -0
  6. data/assets/icons/favicon-32.png +0 -0
  7. metadata +2 -119
  8. data/_sass/bootstrap/_accordion.scss +0 -158
  9. data/_sass/bootstrap/_alert.scss +0 -68
  10. data/_sass/bootstrap/_badge.scss +0 -38
  11. data/_sass/bootstrap/_breadcrumb.scss +0 -40
  12. data/_sass/bootstrap/_button-group.scss +0 -142
  13. data/_sass/bootstrap/_buttons.scss +0 -207
  14. data/_sass/bootstrap/_card.scss +0 -239
  15. data/_sass/bootstrap/_carousel.scss +0 -244
  16. data/_sass/bootstrap/_close.scss +0 -63
  17. data/_sass/bootstrap/_containers.scss +0 -41
  18. data/_sass/bootstrap/_dropdown.scss +0 -250
  19. data/_sass/bootstrap/_forms.scss +0 -9
  20. data/_sass/bootstrap/_functions.scss +0 -302
  21. data/_sass/bootstrap/_grid.scss +0 -39
  22. data/_sass/bootstrap/_helpers.scss +0 -12
  23. data/_sass/bootstrap/_images.scss +0 -42
  24. data/_sass/bootstrap/_list-group.scss +0 -197
  25. data/_sass/bootstrap/_maps.scss +0 -174
  26. data/_sass/bootstrap/_mixins.scss +0 -42
  27. data/_sass/bootstrap/_modal.scss +0 -237
  28. data/_sass/bootstrap/_nav.scss +0 -209
  29. data/_sass/bootstrap/_navbar.scss +0 -289
  30. data/_sass/bootstrap/_offcanvas.scss +0 -146
  31. data/_sass/bootstrap/_pagination.scss +0 -109
  32. data/_sass/bootstrap/_placeholders.scss +0 -51
  33. data/_sass/bootstrap/_popover.scss +0 -196
  34. data/_sass/bootstrap/_progress.scss +0 -68
  35. data/_sass/bootstrap/_reboot.scss +0 -610
  36. data/_sass/bootstrap/_root.scss +0 -184
  37. data/_sass/bootstrap/_spinners.scss +0 -85
  38. data/_sass/bootstrap/_tables.scss +0 -171
  39. data/_sass/bootstrap/_toasts.scss +0 -73
  40. data/_sass/bootstrap/_tooltip.scss +0 -119
  41. data/_sass/bootstrap/_transitions.scss +0 -27
  42. data/_sass/bootstrap/_type.scss +0 -106
  43. data/_sass/bootstrap/_utilities.scss +0 -806
  44. data/_sass/bootstrap/_variables-dark.scss +0 -85
  45. data/_sass/bootstrap/_variables.scss +0 -1743
  46. data/_sass/bootstrap/bootstrap-grid.scss +0 -62
  47. data/_sass/bootstrap/bootstrap-reboot.scss +0 -10
  48. data/_sass/bootstrap/bootstrap-utilities.scss +0 -19
  49. data/_sass/bootstrap/bootstrap.scss +0 -52
  50. data/_sass/bootstrap/forms/_floating-labels.scss +0 -94
  51. data/_sass/bootstrap/forms/_form-check.scss +0 -188
  52. data/_sass/bootstrap/forms/_form-control.scss +0 -214
  53. data/_sass/bootstrap/forms/_form-range.scss +0 -91
  54. data/_sass/bootstrap/forms/_form-select.scss +0 -80
  55. data/_sass/bootstrap/forms/_form-text.scss +0 -11
  56. data/_sass/bootstrap/forms/_input-group.scss +0 -132
  57. data/_sass/bootstrap/forms/_labels.scss +0 -36
  58. data/_sass/bootstrap/forms/_validation.scss +0 -12
  59. data/_sass/bootstrap/helpers/_clearfix.scss +0 -3
  60. data/_sass/bootstrap/helpers/_color-bg.scss +0 -8
  61. data/_sass/bootstrap/helpers/_colored-links.scss +0 -30
  62. data/_sass/bootstrap/helpers/_focus-ring.scss +0 -5
  63. data/_sass/bootstrap/helpers/_icon-link.scss +0 -25
  64. data/_sass/bootstrap/helpers/_position.scss +0 -36
  65. data/_sass/bootstrap/helpers/_ratio.scss +0 -26
  66. data/_sass/bootstrap/helpers/_stacks.scss +0 -15
  67. data/_sass/bootstrap/helpers/_stretched-link.scss +0 -15
  68. data/_sass/bootstrap/helpers/_text-truncation.scss +0 -7
  69. data/_sass/bootstrap/helpers/_visually-hidden.scss +0 -8
  70. data/_sass/bootstrap/helpers/_vr.scss +0 -8
  71. data/_sass/bootstrap/mixins/_alert.scss +0 -18
  72. data/_sass/bootstrap/mixins/_backdrop.scss +0 -14
  73. data/_sass/bootstrap/mixins/_banner.scss +0 -7
  74. data/_sass/bootstrap/mixins/_border-radius.scss +0 -78
  75. data/_sass/bootstrap/mixins/_box-shadow.scss +0 -18
  76. data/_sass/bootstrap/mixins/_breakpoints.scss +0 -127
  77. data/_sass/bootstrap/mixins/_buttons.scss +0 -70
  78. data/_sass/bootstrap/mixins/_caret.scss +0 -69
  79. data/_sass/bootstrap/mixins/_clearfix.scss +0 -9
  80. data/_sass/bootstrap/mixins/_color-mode.scss +0 -21
  81. data/_sass/bootstrap/mixins/_color-scheme.scss +0 -7
  82. data/_sass/bootstrap/mixins/_container.scss +0 -11
  83. data/_sass/bootstrap/mixins/_deprecate.scss +0 -10
  84. data/_sass/bootstrap/mixins/_forms.scss +0 -153
  85. data/_sass/bootstrap/mixins/_gradients.scss +0 -47
  86. data/_sass/bootstrap/mixins/_grid.scss +0 -151
  87. data/_sass/bootstrap/mixins/_image.scss +0 -16
  88. data/_sass/bootstrap/mixins/_list-group.scss +0 -26
  89. data/_sass/bootstrap/mixins/_lists.scss +0 -7
  90. data/_sass/bootstrap/mixins/_pagination.scss +0 -10
  91. data/_sass/bootstrap/mixins/_reset-text.scss +0 -17
  92. data/_sass/bootstrap/mixins/_resize.scss +0 -6
  93. data/_sass/bootstrap/mixins/_table-variants.scss +0 -24
  94. data/_sass/bootstrap/mixins/_text-truncate.scss +0 -8
  95. data/_sass/bootstrap/mixins/_transition.scss +0 -26
  96. data/_sass/bootstrap/mixins/_utilities.scss +0 -97
  97. data/_sass/bootstrap/mixins/_visually-hidden.scss +0 -33
  98. data/_sass/bootstrap/utilities/_api.scss +0 -47
  99. data/_sass/bootstrap/vendor/_rfs.scss +0 -348
  100. data/assets/css/dataTables.bootstrap5.css +0 -430
  101. data/assets/css/dataTables.bootstrap5.min.css +0 -5
  102. data/assets/img/sort_asc.png +0 -0
  103. data/assets/img/sort_asc_disabled.png +0 -0
  104. data/assets/img/sort_both.png +0 -0
  105. data/assets/img/sort_desc.png +0 -0
  106. data/assets/img/sort_desc_disabled.png +0 -0
  107. data/assets/js/bootstrap.bundle.js +0 -6306
  108. data/assets/js/bootstrap.bundle.js.map +0 -1
  109. data/assets/js/bootstrap.bundle.min.js +0 -7
  110. data/assets/js/bootstrap.bundle.min.js.map +0 -1
  111. data/assets/js/bootstrap.esm.js +0 -4439
  112. data/assets/js/bootstrap.esm.js.map +0 -1
  113. data/assets/js/bootstrap.esm.min.js +0 -7
  114. data/assets/js/bootstrap.esm.min.js.map +0 -1
  115. data/assets/js/bootstrap.js +0 -4486
  116. data/assets/js/bootstrap.js.map +0 -1
  117. data/assets/js/bootstrap.min.js +0 -7
  118. data/assets/js/bootstrap.min.js.map +0 -1
  119. data/assets/js/clipboard.min.js +0 -7
  120. data/assets/js/dataTables.bootstrap5.min.js +0 -4
  121. data/assets/js/jquery.dataTables.min.js +0 -4
  122. data/assets/js/jquery.min.js +0 -2
  123. data/assets/js/jquery.slim.min.js +0 -2
  124. data/assets/js/vanilla-back-to-top.min.js +0 -1
@@ -1,207 +0,0 @@
1
- //
2
- // Base styles
3
- //
4
-
5
- .btn {
6
- // scss-docs-start btn-css-vars
7
- --#{$prefix}btn-padding-x: #{$btn-padding-x};
8
- --#{$prefix}btn-padding-y: #{$btn-padding-y};
9
- --#{$prefix}btn-font-family: #{$btn-font-family};
10
- @include rfs($btn-font-size, --#{$prefix}btn-font-size);
11
- --#{$prefix}btn-font-weight: #{$btn-font-weight};
12
- --#{$prefix}btn-line-height: #{$btn-line-height};
13
- --#{$prefix}btn-color: #{$btn-color};
14
- --#{$prefix}btn-bg: transparent;
15
- --#{$prefix}btn-border-width: #{$btn-border-width};
16
- --#{$prefix}btn-border-color: transparent;
17
- --#{$prefix}btn-border-radius: #{$btn-border-radius};
18
- --#{$prefix}btn-hover-border-color: transparent;
19
- --#{$prefix}btn-box-shadow: #{$btn-box-shadow};
20
- --#{$prefix}btn-disabled-opacity: #{$btn-disabled-opacity};
21
- --#{$prefix}btn-focus-box-shadow: 0 0 0 #{$btn-focus-width} rgba(var(--#{$prefix}btn-focus-shadow-rgb), .5);
22
- // scss-docs-end btn-css-vars
23
-
24
- display: inline-block;
25
- padding: var(--#{$prefix}btn-padding-y) var(--#{$prefix}btn-padding-x);
26
- font-family: var(--#{$prefix}btn-font-family);
27
- @include font-size(var(--#{$prefix}btn-font-size));
28
- font-weight: var(--#{$prefix}btn-font-weight);
29
- line-height: var(--#{$prefix}btn-line-height);
30
- color: var(--#{$prefix}btn-color);
31
- text-align: center;
32
- text-decoration: if($link-decoration == none, null, none);
33
- white-space: $btn-white-space;
34
- vertical-align: middle;
35
- cursor: if($enable-button-pointers, pointer, null);
36
- user-select: none;
37
- border: var(--#{$prefix}btn-border-width) solid var(--#{$prefix}btn-border-color);
38
- @include border-radius(var(--#{$prefix}btn-border-radius));
39
- @include gradient-bg(var(--#{$prefix}btn-bg));
40
- @include box-shadow(var(--#{$prefix}btn-box-shadow));
41
- @include transition($btn-transition);
42
-
43
- &:hover {
44
- color: var(--#{$prefix}btn-hover-color);
45
- text-decoration: if($link-hover-decoration == underline, none, null);
46
- background-color: var(--#{$prefix}btn-hover-bg);
47
- border-color: var(--#{$prefix}btn-hover-border-color);
48
- }
49
-
50
- .btn-check + &:hover {
51
- // override for the checkbox/radio buttons
52
- color: var(--#{$prefix}btn-color);
53
- background-color: var(--#{$prefix}btn-bg);
54
- border-color: var(--#{$prefix}btn-border-color);
55
- }
56
-
57
- &:focus-visible {
58
- color: var(--#{$prefix}btn-hover-color);
59
- @include gradient-bg(var(--#{$prefix}btn-hover-bg));
60
- border-color: var(--#{$prefix}btn-hover-border-color);
61
- outline: 0;
62
- // Avoid using mixin so we can pass custom focus shadow properly
63
- @if $enable-shadows {
64
- box-shadow: var(--#{$prefix}btn-box-shadow), var(--#{$prefix}btn-focus-box-shadow);
65
- } @else {
66
- box-shadow: var(--#{$prefix}btn-focus-box-shadow);
67
- }
68
- }
69
-
70
- .btn-check:focus-visible + & {
71
- border-color: var(--#{$prefix}btn-hover-border-color);
72
- outline: 0;
73
- // Avoid using mixin so we can pass custom focus shadow properly
74
- @if $enable-shadows {
75
- box-shadow: var(--#{$prefix}btn-box-shadow), var(--#{$prefix}btn-focus-box-shadow);
76
- } @else {
77
- box-shadow: var(--#{$prefix}btn-focus-box-shadow);
78
- }
79
- }
80
-
81
- .btn-check:checked + &,
82
- :not(.btn-check) + &:active,
83
- &:first-child:active,
84
- &.active,
85
- &.show {
86
- color: var(--#{$prefix}btn-active-color);
87
- background-color: var(--#{$prefix}btn-active-bg);
88
- // Remove CSS gradients if they're enabled
89
- background-image: if($enable-gradients, none, null);
90
- border-color: var(--#{$prefix}btn-active-border-color);
91
- @include box-shadow(var(--#{$prefix}btn-active-shadow));
92
-
93
- &:focus-visible {
94
- // Avoid using mixin so we can pass custom focus shadow properly
95
- @if $enable-shadows {
96
- box-shadow: var(--#{$prefix}btn-active-shadow), var(--#{$prefix}btn-focus-box-shadow);
97
- } @else {
98
- box-shadow: var(--#{$prefix}btn-focus-box-shadow);
99
- }
100
- }
101
- }
102
-
103
- &:disabled,
104
- &.disabled,
105
- fieldset:disabled & {
106
- color: var(--#{$prefix}btn-disabled-color);
107
- pointer-events: none;
108
- background-color: var(--#{$prefix}btn-disabled-bg);
109
- background-image: if($enable-gradients, none, null);
110
- border-color: var(--#{$prefix}btn-disabled-border-color);
111
- opacity: var(--#{$prefix}btn-disabled-opacity);
112
- @include box-shadow(none);
113
- }
114
- }
115
-
116
-
117
- //
118
- // Alternate buttons
119
- //
120
-
121
- // scss-docs-start btn-variant-loops
122
- @each $color, $value in $theme-colors {
123
- .btn-#{$color} {
124
- @if $color == "light" {
125
- @include button-variant(
126
- $value,
127
- $value,
128
- $hover-background: shade-color($value, $btn-hover-bg-shade-amount),
129
- $hover-border: shade-color($value, $btn-hover-border-shade-amount),
130
- $active-background: shade-color($value, $btn-active-bg-shade-amount),
131
- $active-border: shade-color($value, $btn-active-border-shade-amount)
132
- );
133
- } @else if $color == "dark" {
134
- @include button-variant(
135
- $value,
136
- $value,
137
- $hover-background: tint-color($value, $btn-hover-bg-tint-amount),
138
- $hover-border: tint-color($value, $btn-hover-border-tint-amount),
139
- $active-background: tint-color($value, $btn-active-bg-tint-amount),
140
- $active-border: tint-color($value, $btn-active-border-tint-amount)
141
- );
142
- } @else {
143
- @include button-variant($value, $value);
144
- }
145
- }
146
- }
147
-
148
- @each $color, $value in $theme-colors {
149
- .btn-outline-#{$color} {
150
- @include button-outline-variant($value);
151
- }
152
- }
153
- // scss-docs-end btn-variant-loops
154
-
155
-
156
- //
157
- // Link buttons
158
- //
159
-
160
- // Make a button look and behave like a link
161
- .btn-link {
162
- --#{$prefix}btn-font-weight: #{$font-weight-normal};
163
- --#{$prefix}btn-color: #{$btn-link-color};
164
- --#{$prefix}btn-bg: transparent;
165
- --#{$prefix}btn-border-color: transparent;
166
- --#{$prefix}btn-hover-color: #{$btn-link-hover-color};
167
- --#{$prefix}btn-hover-border-color: transparent;
168
- --#{$prefix}btn-active-color: #{$btn-link-hover-color};
169
- --#{$prefix}btn-active-border-color: transparent;
170
- --#{$prefix}btn-disabled-color: #{$btn-link-disabled-color};
171
- --#{$prefix}btn-disabled-border-color: transparent;
172
- --#{$prefix}btn-box-shadow: 0 0 0 #000; // Can't use `none` as keyword negates all values when used with multiple shadows
173
- --#{$prefix}btn-focus-shadow-rgb: #{to-rgb(mix(color-contrast($link-color), $link-color, 15%))};
174
-
175
- text-decoration: $link-decoration;
176
- @if $enable-gradients {
177
- background-image: none;
178
- }
179
-
180
- &:hover,
181
- &:focus-visible {
182
- text-decoration: $link-hover-decoration;
183
- }
184
-
185
- &:focus-visible {
186
- color: var(--#{$prefix}btn-color);
187
- }
188
-
189
- &:hover {
190
- color: var(--#{$prefix}btn-hover-color);
191
- }
192
-
193
- // No need for an active state here
194
- }
195
-
196
-
197
- //
198
- // Button Sizes
199
- //
200
-
201
- .btn-lg {
202
- @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-border-radius-lg);
203
- }
204
-
205
- .btn-sm {
206
- @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-border-radius-sm);
207
- }
@@ -1,239 +0,0 @@
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
- }
@@ -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
- }