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

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 (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,289 +0,0 @@
1
- // Navbar
2
- //
3
- // Provide a static navbar from which we expand to create full-width, fixed, and
4
- // other navbar variations.
5
-
6
- .navbar {
7
- // scss-docs-start navbar-css-vars
8
- --#{$prefix}navbar-padding-x: #{if($navbar-padding-x == null, 0, $navbar-padding-x)};
9
- --#{$prefix}navbar-padding-y: #{$navbar-padding-y};
10
- --#{$prefix}navbar-color: #{$navbar-light-color};
11
- --#{$prefix}navbar-hover-color: #{$navbar-light-hover-color};
12
- --#{$prefix}navbar-disabled-color: #{$navbar-light-disabled-color};
13
- --#{$prefix}navbar-active-color: #{$navbar-light-active-color};
14
- --#{$prefix}navbar-brand-padding-y: #{$navbar-brand-padding-y};
15
- --#{$prefix}navbar-brand-margin-end: #{$navbar-brand-margin-end};
16
- --#{$prefix}navbar-brand-font-size: #{$navbar-brand-font-size};
17
- --#{$prefix}navbar-brand-color: #{$navbar-light-brand-color};
18
- --#{$prefix}navbar-brand-hover-color: #{$navbar-light-brand-hover-color};
19
- --#{$prefix}navbar-nav-link-padding-x: #{$navbar-nav-link-padding-x};
20
- --#{$prefix}navbar-toggler-padding-y: #{$navbar-toggler-padding-y};
21
- --#{$prefix}navbar-toggler-padding-x: #{$navbar-toggler-padding-x};
22
- --#{$prefix}navbar-toggler-font-size: #{$navbar-toggler-font-size};
23
- --#{$prefix}navbar-toggler-icon-bg: #{escape-svg($navbar-light-toggler-icon-bg)};
24
- --#{$prefix}navbar-toggler-border-color: #{$navbar-light-toggler-border-color};
25
- --#{$prefix}navbar-toggler-border-radius: #{$navbar-toggler-border-radius};
26
- --#{$prefix}navbar-toggler-focus-width: #{$navbar-toggler-focus-width};
27
- --#{$prefix}navbar-toggler-transition: #{$navbar-toggler-transition};
28
- // scss-docs-end navbar-css-vars
29
-
30
- position: relative;
31
- display: flex;
32
- flex-wrap: wrap; // allow us to do the line break for collapsing content
33
- align-items: center;
34
- justify-content: space-between; // space out brand from logo
35
- padding: var(--#{$prefix}navbar-padding-y) var(--#{$prefix}navbar-padding-x);
36
- @include gradient-bg();
37
-
38
- // Because flex properties aren't inherited, we need to redeclare these first
39
- // few properties so that content nested within behave properly.
40
- // The `flex-wrap` property is inherited to simplify the expanded navbars
41
- %container-flex-properties {
42
- display: flex;
43
- flex-wrap: inherit;
44
- align-items: center;
45
- justify-content: space-between;
46
- }
47
-
48
- > .container,
49
- > .container-fluid {
50
- @extend %container-flex-properties;
51
- }
52
-
53
- @each $breakpoint, $container-max-width in $container-max-widths {
54
- > .container#{breakpoint-infix($breakpoint, $container-max-widths)} {
55
- @extend %container-flex-properties;
56
- }
57
- }
58
- }
59
-
60
-
61
- // Navbar brand
62
- //
63
- // Used for brand, project, or site names.
64
-
65
- .navbar-brand {
66
- padding-top: var(--#{$prefix}navbar-brand-padding-y);
67
- padding-bottom: var(--#{$prefix}navbar-brand-padding-y);
68
- margin-right: var(--#{$prefix}navbar-brand-margin-end);
69
- @include font-size(var(--#{$prefix}navbar-brand-font-size));
70
- color: var(--#{$prefix}navbar-brand-color);
71
- text-decoration: if($link-decoration == none, null, none);
72
- white-space: nowrap;
73
-
74
- &:hover,
75
- &:focus {
76
- color: var(--#{$prefix}navbar-brand-hover-color);
77
- text-decoration: if($link-hover-decoration == underline, none, null);
78
- }
79
- }
80
-
81
-
82
- // Navbar nav
83
- //
84
- // Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).
85
-
86
- .navbar-nav {
87
- // scss-docs-start navbar-nav-css-vars
88
- --#{$prefix}nav-link-padding-x: 0;
89
- --#{$prefix}nav-link-padding-y: #{$nav-link-padding-y};
90
- @include rfs($nav-link-font-size, --#{$prefix}nav-link-font-size);
91
- --#{$prefix}nav-link-font-weight: #{$nav-link-font-weight};
92
- --#{$prefix}nav-link-color: var(--#{$prefix}navbar-color);
93
- --#{$prefix}nav-link-hover-color: var(--#{$prefix}navbar-hover-color);
94
- --#{$prefix}nav-link-disabled-color: var(--#{$prefix}navbar-disabled-color);
95
- // scss-docs-end navbar-nav-css-vars
96
-
97
- display: flex;
98
- flex-direction: column; // cannot use `inherit` to get the `.navbar`s value
99
- padding-left: 0;
100
- margin-bottom: 0;
101
- list-style: none;
102
-
103
- .nav-link {
104
- &.active,
105
- &.show {
106
- color: var(--#{$prefix}navbar-active-color);
107
- }
108
- }
109
-
110
- .dropdown-menu {
111
- position: static;
112
- }
113
- }
114
-
115
-
116
- // Navbar text
117
- //
118
- //
119
-
120
- .navbar-text {
121
- padding-top: $nav-link-padding-y;
122
- padding-bottom: $nav-link-padding-y;
123
- color: var(--#{$prefix}navbar-color);
124
-
125
- a,
126
- a:hover,
127
- a:focus {
128
- color: var(--#{$prefix}navbar-active-color);
129
- }
130
- }
131
-
132
-
133
- // Responsive navbar
134
- //
135
- // Custom styles for responsive collapsing and toggling of navbar contents.
136
- // Powered by the collapse Bootstrap JavaScript plugin.
137
-
138
- // When collapsed, prevent the toggleable navbar contents from appearing in
139
- // the default flexbox row orientation. Requires the use of `flex-wrap: wrap`
140
- // on the `.navbar` parent.
141
- .navbar-collapse {
142
- flex-basis: 100%;
143
- flex-grow: 1;
144
- // For always expanded or extra full navbars, ensure content aligns itself
145
- // properly vertically. Can be easily overridden with flex utilities.
146
- align-items: center;
147
- }
148
-
149
- // Button for toggling the navbar when in its collapsed state
150
- .navbar-toggler {
151
- padding: var(--#{$prefix}navbar-toggler-padding-y) var(--#{$prefix}navbar-toggler-padding-x);
152
- @include font-size(var(--#{$prefix}navbar-toggler-font-size));
153
- line-height: 1;
154
- color: var(--#{$prefix}navbar-color);
155
- background-color: transparent; // remove default button style
156
- border: var(--#{$prefix}border-width) solid var(--#{$prefix}navbar-toggler-border-color); // remove default button style
157
- @include border-radius(var(--#{$prefix}navbar-toggler-border-radius));
158
- @include transition(var(--#{$prefix}navbar-toggler-transition));
159
-
160
- &:hover {
161
- text-decoration: none;
162
- }
163
-
164
- &:focus {
165
- text-decoration: none;
166
- outline: 0;
167
- box-shadow: 0 0 0 var(--#{$prefix}navbar-toggler-focus-width);
168
- }
169
- }
170
-
171
- // Keep as a separate element so folks can easily override it with another icon
172
- // or image file as needed.
173
- .navbar-toggler-icon {
174
- display: inline-block;
175
- width: 1.5em;
176
- height: 1.5em;
177
- vertical-align: middle;
178
- background-image: var(--#{$prefix}navbar-toggler-icon-bg);
179
- background-repeat: no-repeat;
180
- background-position: center;
181
- background-size: 100%;
182
- }
183
-
184
- .navbar-nav-scroll {
185
- max-height: var(--#{$prefix}scroll-height, 75vh);
186
- overflow-y: auto;
187
- }
188
-
189
- // scss-docs-start navbar-expand-loop
190
- // Generate series of `.navbar-expand-*` responsive classes for configuring
191
- // where your navbar collapses.
192
- .navbar-expand {
193
- @each $breakpoint in map-keys($grid-breakpoints) {
194
- $next: breakpoint-next($breakpoint, $grid-breakpoints);
195
- $infix: breakpoint-infix($next, $grid-breakpoints);
196
-
197
- // stylelint-disable-next-line scss/selector-no-union-class-name
198
- &#{$infix} {
199
- @include media-breakpoint-up($next) {
200
- flex-wrap: nowrap;
201
- justify-content: flex-start;
202
-
203
- .navbar-nav {
204
- flex-direction: row;
205
-
206
- .dropdown-menu {
207
- position: absolute;
208
- }
209
-
210
- .nav-link {
211
- padding-right: var(--#{$prefix}navbar-nav-link-padding-x);
212
- padding-left: var(--#{$prefix}navbar-nav-link-padding-x);
213
- }
214
- }
215
-
216
- .navbar-nav-scroll {
217
- overflow: visible;
218
- }
219
-
220
- .navbar-collapse {
221
- display: flex !important; // stylelint-disable-line declaration-no-important
222
- flex-basis: auto;
223
- }
224
-
225
- .navbar-toggler {
226
- display: none;
227
- }
228
-
229
- .offcanvas {
230
- // stylelint-disable declaration-no-important
231
- position: static;
232
- z-index: auto;
233
- flex-grow: 1;
234
- width: auto !important;
235
- height: auto !important;
236
- visibility: visible !important;
237
- background-color: transparent !important;
238
- border: 0 !important;
239
- transform: none !important;
240
- @include box-shadow(none);
241
- @include transition(none);
242
- // stylelint-enable declaration-no-important
243
-
244
- .offcanvas-header {
245
- display: none;
246
- }
247
-
248
- .offcanvas-body {
249
- display: flex;
250
- flex-grow: 0;
251
- padding: 0;
252
- overflow-y: visible;
253
- }
254
- }
255
- }
256
- }
257
- }
258
- }
259
- // scss-docs-end navbar-expand-loop
260
-
261
- // Navbar themes
262
- //
263
- // Styles for switching between navbars with light or dark background.
264
-
265
- .navbar-light {
266
- @include deprecate("`.navbar-light`", "v5.2.0", "v6.0.0", true);
267
- }
268
-
269
- .navbar-dark,
270
- .navbar[data-bs-theme="dark"] {
271
- // scss-docs-start navbar-dark-css-vars
272
- --#{$prefix}navbar-color: #{$navbar-dark-color};
273
- --#{$prefix}navbar-hover-color: #{$navbar-dark-hover-color};
274
- --#{$prefix}navbar-disabled-color: #{$navbar-dark-disabled-color};
275
- --#{$prefix}navbar-active-color: #{$navbar-dark-active-color};
276
- --#{$prefix}navbar-brand-color: #{$navbar-dark-brand-color};
277
- --#{$prefix}navbar-brand-hover-color: #{$navbar-dark-brand-hover-color};
278
- --#{$prefix}navbar-toggler-border-color: #{$navbar-dark-toggler-border-color};
279
- --#{$prefix}navbar-toggler-icon-bg: #{escape-svg($navbar-dark-toggler-icon-bg)};
280
- // scss-docs-end navbar-dark-css-vars
281
- }
282
-
283
- @if $enable-dark-mode {
284
- @include color-mode(dark) {
285
- .navbar-toggler-icon {
286
- --#{$prefix}navbar-toggler-icon-bg: #{escape-svg($navbar-dark-toggler-icon-bg)};
287
- }
288
- }
289
- }
@@ -1,146 +0,0 @@
1
- // stylelint-disable function-disallowed-list
2
-
3
- %offcanvas-css-vars {
4
- // scss-docs-start offcanvas-css-vars
5
- --#{$prefix}offcanvas-zindex: #{$zindex-offcanvas};
6
- --#{$prefix}offcanvas-width: #{$offcanvas-horizontal-width};
7
- --#{$prefix}offcanvas-height: #{$offcanvas-vertical-height};
8
- --#{$prefix}offcanvas-padding-x: #{$offcanvas-padding-x};
9
- --#{$prefix}offcanvas-padding-y: #{$offcanvas-padding-y};
10
- --#{$prefix}offcanvas-color: #{$offcanvas-color};
11
- --#{$prefix}offcanvas-bg: #{$offcanvas-bg-color};
12
- --#{$prefix}offcanvas-border-width: #{$offcanvas-border-width};
13
- --#{$prefix}offcanvas-border-color: #{$offcanvas-border-color};
14
- --#{$prefix}offcanvas-box-shadow: #{$offcanvas-box-shadow};
15
- --#{$prefix}offcanvas-transition: #{transform $offcanvas-transition-duration ease-in-out};
16
- --#{$prefix}offcanvas-title-line-height: #{$offcanvas-title-line-height};
17
- // scss-docs-end offcanvas-css-vars
18
- }
19
-
20
- @each $breakpoint in map-keys($grid-breakpoints) {
21
- $next: breakpoint-next($breakpoint, $grid-breakpoints);
22
- $infix: breakpoint-infix($next, $grid-breakpoints);
23
-
24
- .offcanvas#{$infix} {
25
- @extend %offcanvas-css-vars;
26
- }
27
- }
28
-
29
- @each $breakpoint in map-keys($grid-breakpoints) {
30
- $next: breakpoint-next($breakpoint, $grid-breakpoints);
31
- $infix: breakpoint-infix($next, $grid-breakpoints);
32
-
33
- .offcanvas#{$infix} {
34
- @include media-breakpoint-down($next) {
35
- position: fixed;
36
- bottom: 0;
37
- z-index: var(--#{$prefix}offcanvas-zindex);
38
- display: flex;
39
- flex-direction: column;
40
- max-width: 100%;
41
- color: var(--#{$prefix}offcanvas-color);
42
- visibility: hidden;
43
- background-color: var(--#{$prefix}offcanvas-bg);
44
- background-clip: padding-box;
45
- outline: 0;
46
- @include box-shadow(var(--#{$prefix}offcanvas-box-shadow));
47
- @include transition(var(--#{$prefix}offcanvas-transition));
48
-
49
- &.offcanvas-start {
50
- top: 0;
51
- left: 0;
52
- width: var(--#{$prefix}offcanvas-width);
53
- border-right: var(--#{$prefix}offcanvas-border-width) solid var(--#{$prefix}offcanvas-border-color);
54
- transform: translateX(-100%);
55
- }
56
-
57
- &.offcanvas-end {
58
- top: 0;
59
- right: 0;
60
- width: var(--#{$prefix}offcanvas-width);
61
- border-left: var(--#{$prefix}offcanvas-border-width) solid var(--#{$prefix}offcanvas-border-color);
62
- transform: translateX(100%);
63
- }
64
-
65
- &.offcanvas-top {
66
- top: 0;
67
- right: 0;
68
- left: 0;
69
- height: var(--#{$prefix}offcanvas-height);
70
- max-height: 100%;
71
- border-bottom: var(--#{$prefix}offcanvas-border-width) solid var(--#{$prefix}offcanvas-border-color);
72
- transform: translateY(-100%);
73
- }
74
-
75
- &.offcanvas-bottom {
76
- right: 0;
77
- left: 0;
78
- height: var(--#{$prefix}offcanvas-height);
79
- max-height: 100%;
80
- border-top: var(--#{$prefix}offcanvas-border-width) solid var(--#{$prefix}offcanvas-border-color);
81
- transform: translateY(100%);
82
- }
83
-
84
- &.showing,
85
- &.show:not(.hiding) {
86
- transform: none;
87
- }
88
-
89
- &.showing,
90
- &.hiding,
91
- &.show {
92
- visibility: visible;
93
- }
94
- }
95
-
96
- @if not ($infix == "") {
97
- @include media-breakpoint-up($next) {
98
- --#{$prefix}offcanvas-height: auto;
99
- --#{$prefix}offcanvas-border-width: 0;
100
- background-color: transparent !important; // stylelint-disable-line declaration-no-important
101
-
102
- .offcanvas-header {
103
- display: none;
104
- }
105
-
106
- .offcanvas-body {
107
- display: flex;
108
- flex-grow: 0;
109
- padding: 0;
110
- overflow-y: visible;
111
- // Reset `background-color` in case `.bg-*` classes are used in offcanvas
112
- background-color: transparent !important; // stylelint-disable-line declaration-no-important
113
- }
114
- }
115
- }
116
- }
117
- }
118
-
119
- .offcanvas-backdrop {
120
- @include overlay-backdrop($zindex-offcanvas-backdrop, $offcanvas-backdrop-bg, $offcanvas-backdrop-opacity);
121
- }
122
-
123
- .offcanvas-header {
124
- display: flex;
125
- align-items: center;
126
- justify-content: space-between;
127
- padding: var(--#{$prefix}offcanvas-padding-y) var(--#{$prefix}offcanvas-padding-x);
128
-
129
- .btn-close {
130
- padding: calc(var(--#{$prefix}offcanvas-padding-y) * .5) calc(var(--#{$prefix}offcanvas-padding-x) * .5);
131
- margin-top: calc(-.5 * var(--#{$prefix}offcanvas-padding-y));
132
- margin-right: calc(-.5 * var(--#{$prefix}offcanvas-padding-x));
133
- margin-bottom: calc(-.5 * var(--#{$prefix}offcanvas-padding-y));
134
- }
135
- }
136
-
137
- .offcanvas-title {
138
- margin-bottom: 0;
139
- line-height: var(--#{$prefix}offcanvas-title-line-height);
140
- }
141
-
142
- .offcanvas-body {
143
- flex-grow: 1;
144
- padding: var(--#{$prefix}offcanvas-padding-y) var(--#{$prefix}offcanvas-padding-x);
145
- overflow-y: auto;
146
- }
@@ -1,109 +0,0 @@
1
- .pagination {
2
- // scss-docs-start pagination-css-vars
3
- --#{$prefix}pagination-padding-x: #{$pagination-padding-x};
4
- --#{$prefix}pagination-padding-y: #{$pagination-padding-y};
5
- @include rfs($pagination-font-size, --#{$prefix}pagination-font-size);
6
- --#{$prefix}pagination-color: #{$pagination-color};
7
- --#{$prefix}pagination-bg: #{$pagination-bg};
8
- --#{$prefix}pagination-border-width: #{$pagination-border-width};
9
- --#{$prefix}pagination-border-color: #{$pagination-border-color};
10
- --#{$prefix}pagination-border-radius: #{$pagination-border-radius};
11
- --#{$prefix}pagination-hover-color: #{$pagination-hover-color};
12
- --#{$prefix}pagination-hover-bg: #{$pagination-hover-bg};
13
- --#{$prefix}pagination-hover-border-color: #{$pagination-hover-border-color};
14
- --#{$prefix}pagination-focus-color: #{$pagination-focus-color};
15
- --#{$prefix}pagination-focus-bg: #{$pagination-focus-bg};
16
- --#{$prefix}pagination-focus-box-shadow: #{$pagination-focus-box-shadow};
17
- --#{$prefix}pagination-active-color: #{$pagination-active-color};
18
- --#{$prefix}pagination-active-bg: #{$pagination-active-bg};
19
- --#{$prefix}pagination-active-border-color: #{$pagination-active-border-color};
20
- --#{$prefix}pagination-disabled-color: #{$pagination-disabled-color};
21
- --#{$prefix}pagination-disabled-bg: #{$pagination-disabled-bg};
22
- --#{$prefix}pagination-disabled-border-color: #{$pagination-disabled-border-color};
23
- // scss-docs-end pagination-css-vars
24
-
25
- display: flex;
26
- @include list-unstyled();
27
- }
28
-
29
- .page-link {
30
- position: relative;
31
- display: block;
32
- padding: var(--#{$prefix}pagination-padding-y) var(--#{$prefix}pagination-padding-x);
33
- @include font-size(var(--#{$prefix}pagination-font-size));
34
- color: var(--#{$prefix}pagination-color);
35
- text-decoration: if($link-decoration == none, null, none);
36
- background-color: var(--#{$prefix}pagination-bg);
37
- border: var(--#{$prefix}pagination-border-width) solid var(--#{$prefix}pagination-border-color);
38
- @include transition($pagination-transition);
39
-
40
- &:hover {
41
- z-index: 2;
42
- color: var(--#{$prefix}pagination-hover-color);
43
- text-decoration: if($link-hover-decoration == underline, none, null);
44
- background-color: var(--#{$prefix}pagination-hover-bg);
45
- border-color: var(--#{$prefix}pagination-hover-border-color);
46
- }
47
-
48
- &:focus {
49
- z-index: 3;
50
- color: var(--#{$prefix}pagination-focus-color);
51
- background-color: var(--#{$prefix}pagination-focus-bg);
52
- outline: $pagination-focus-outline;
53
- box-shadow: var(--#{$prefix}pagination-focus-box-shadow);
54
- }
55
-
56
- &.active,
57
- .active > & {
58
- z-index: 3;
59
- color: var(--#{$prefix}pagination-active-color);
60
- @include gradient-bg(var(--#{$prefix}pagination-active-bg));
61
- border-color: var(--#{$prefix}pagination-active-border-color);
62
- }
63
-
64
- &.disabled,
65
- .disabled > & {
66
- color: var(--#{$prefix}pagination-disabled-color);
67
- pointer-events: none;
68
- background-color: var(--#{$prefix}pagination-disabled-bg);
69
- border-color: var(--#{$prefix}pagination-disabled-border-color);
70
- }
71
- }
72
-
73
- .page-item {
74
- &:not(:first-child) .page-link {
75
- margin-left: $pagination-margin-start;
76
- }
77
-
78
- @if $pagination-margin-start == calc(#{$pagination-border-width} * -1) {
79
- &:first-child {
80
- .page-link {
81
- @include border-start-radius(var(--#{$prefix}pagination-border-radius));
82
- }
83
- }
84
-
85
- &:last-child {
86
- .page-link {
87
- @include border-end-radius(var(--#{$prefix}pagination-border-radius));
88
- }
89
- }
90
- } @else {
91
- // Add border-radius to all pageLinks in case they have left margin
92
- .page-link {
93
- @include border-radius(var(--#{$prefix}pagination-border-radius));
94
- }
95
- }
96
- }
97
-
98
-
99
- //
100
- // Sizing
101
- //
102
-
103
- .pagination-lg {
104
- @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $pagination-border-radius-lg);
105
- }
106
-
107
- .pagination-sm {
108
- @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $pagination-border-radius-sm);
109
- }
@@ -1,51 +0,0 @@
1
- .placeholder {
2
- display: inline-block;
3
- min-height: 1em;
4
- vertical-align: middle;
5
- cursor: wait;
6
- background-color: currentcolor;
7
- opacity: $placeholder-opacity-max;
8
-
9
- &.btn::before {
10
- display: inline-block;
11
- content: "";
12
- }
13
- }
14
-
15
- // Sizing
16
- .placeholder-xs {
17
- min-height: .6em;
18
- }
19
-
20
- .placeholder-sm {
21
- min-height: .8em;
22
- }
23
-
24
- .placeholder-lg {
25
- min-height: 1.2em;
26
- }
27
-
28
- // Animation
29
- .placeholder-glow {
30
- .placeholder {
31
- animation: placeholder-glow 2s ease-in-out infinite;
32
- }
33
- }
34
-
35
- @keyframes placeholder-glow {
36
- 50% {
37
- opacity: $placeholder-opacity-min;
38
- }
39
- }
40
-
41
- .placeholder-wave {
42
- mask-image: linear-gradient(130deg, $black 55%, rgba(0, 0, 0, (1 - $placeholder-opacity-min)) 75%, $black 95%);
43
- mask-size: 200% 100%;
44
- animation: placeholder-wave 2s linear infinite;
45
- }
46
-
47
- @keyframes placeholder-wave {
48
- 100% {
49
- mask-position: -200% 0%;
50
- }
51
- }