jekyll-theme-centos 2.1.1.beta.2 → 2.2.0.beta.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (249) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/people/header.html +1 -1
  3. data/_sass/bootstrap/_accordion.scss +149 -0
  4. data/_sass/bootstrap/_alert.scss +71 -0
  5. data/_sass/bootstrap/_badge.scss +38 -0
  6. data/_sass/bootstrap/_breadcrumb.scss +40 -0
  7. data/_sass/bootstrap/_button-group.scss +142 -0
  8. data/_sass/bootstrap/_buttons.scss +207 -0
  9. data/_sass/bootstrap/_card.scss +234 -0
  10. data/_sass/bootstrap/_carousel.scss +226 -0
  11. data/_sass/bootstrap/_close.scss +40 -0
  12. data/_sass/bootstrap/_containers.scss +41 -0
  13. data/_sass/bootstrap/_dropdown.scss +249 -0
  14. data/_sass/bootstrap/_forms.scss +9 -0
  15. data/_sass/bootstrap/_functions.scss +302 -0
  16. data/_sass/bootstrap/_grid.scss +33 -0
  17. data/_sass/bootstrap/_helpers.scss +10 -0
  18. data/_sass/bootstrap/_images.scss +42 -0
  19. data/_sass/bootstrap/_list-group.scss +192 -0
  20. data/_sass/bootstrap/_maps.scss +54 -0
  21. data/_sass/bootstrap/_mixins.scss +43 -0
  22. data/_sass/bootstrap/_modal.scss +237 -0
  23. data/_sass/bootstrap/_nav.scss +172 -0
  24. data/_sass/bootstrap/_navbar.scss +278 -0
  25. data/_sass/bootstrap/_offcanvas.scss +144 -0
  26. data/_sass/bootstrap/_pagination.scss +109 -0
  27. data/_sass/bootstrap/_placeholders.scss +51 -0
  28. data/_sass/bootstrap/_popover.scss +196 -0
  29. data/_sass/bootstrap/_progress.scss +59 -0
  30. data/_sass/bootstrap/_reboot.scss +610 -0
  31. data/_sass/bootstrap/_root.scss +73 -0
  32. data/_sass/bootstrap/_spinners.scss +85 -0
  33. data/_sass/bootstrap/_tables.scss +164 -0
  34. data/_sass/bootstrap/_toasts.scss +73 -0
  35. data/_sass/bootstrap/_tooltip.scss +120 -0
  36. data/_sass/bootstrap/_transitions.scss +27 -0
  37. data/_sass/bootstrap/_type.scss +106 -0
  38. data/_sass/bootstrap/_utilities.scss +647 -0
  39. data/_sass/bootstrap/_variables.scss +1634 -0
  40. data/_sass/bootstrap/bootstrap-grid.scss +64 -0
  41. data/_sass/bootstrap/bootstrap-reboot.scss +9 -0
  42. data/_sass/bootstrap/bootstrap-utilities.scss +18 -0
  43. data/_sass/bootstrap/bootstrap.scss +51 -0
  44. data/_sass/bootstrap/forms/_floating-labels.scss +75 -0
  45. data/_sass/bootstrap/forms/_form-check.scss +175 -0
  46. data/_sass/bootstrap/forms/_form-control.scss +194 -0
  47. data/_sass/bootstrap/forms/_form-range.scss +91 -0
  48. data/_sass/bootstrap/forms/_form-select.scss +71 -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 +10 -0
  55. data/_sass/bootstrap/helpers/_colored-links.scss +12 -0
  56. data/_sass/bootstrap/helpers/_position.scss +36 -0
  57. data/_sass/bootstrap/helpers/_ratio.scss +26 -0
  58. data/_sass/bootstrap/helpers/_stacks.scss +15 -0
  59. data/_sass/bootstrap/helpers/_stretched-link.scss +15 -0
  60. data/_sass/bootstrap/helpers/_text-truncation.scss +7 -0
  61. data/_sass/bootstrap/helpers/_visually-hidden.scss +8 -0
  62. data/_sass/bootstrap/helpers/_vr.scss +8 -0
  63. data/_sass/bootstrap/mixins/_alert.scss +15 -0
  64. data/_sass/bootstrap/mixins/_backdrop.scss +14 -0
  65. data/_sass/bootstrap/mixins/_banner.scss +9 -0
  66. data/_sass/bootstrap/mixins/_border-radius.scss +78 -0
  67. data/_sass/bootstrap/mixins/_box-shadow.scss +18 -0
  68. data/_sass/bootstrap/mixins/_breakpoints.scss +127 -0
  69. data/_sass/bootstrap/mixins/_buttons.scss +70 -0
  70. data/_sass/bootstrap/mixins/_caret.scss +64 -0
  71. data/_sass/bootstrap/mixins/_clearfix.scss +9 -0
  72. data/_sass/bootstrap/mixins/_color-scheme.scss +7 -0
  73. data/_sass/bootstrap/mixins/_container.scss +11 -0
  74. data/_sass/bootstrap/mixins/_deprecate.scss +10 -0
  75. data/_sass/bootstrap/mixins/_forms.scss +152 -0
  76. data/_sass/bootstrap/mixins/_gradients.scss +47 -0
  77. data/_sass/bootstrap/mixins/_grid.scss +151 -0
  78. data/_sass/bootstrap/mixins/_image.scss +16 -0
  79. data/_sass/bootstrap/mixins/_list-group.scss +24 -0
  80. data/_sass/bootstrap/mixins/_lists.scss +7 -0
  81. data/_sass/bootstrap/mixins/_pagination.scss +10 -0
  82. data/_sass/bootstrap/mixins/_reset-text.scss +17 -0
  83. data/_sass/bootstrap/mixins/_resize.scss +6 -0
  84. data/_sass/bootstrap/mixins/_table-variants.scss +24 -0
  85. data/_sass/bootstrap/mixins/_text-truncate.scss +8 -0
  86. data/_sass/bootstrap/mixins/_transition.scss +26 -0
  87. data/_sass/bootstrap/mixins/_utilities.scss +97 -0
  88. data/_sass/bootstrap/mixins/_visually-hidden.scss +29 -0
  89. data/_sass/bootstrap/utilities/_api.scss +47 -0
  90. data/_sass/bootstrap/vendor/_rfs.scss +354 -0
  91. data/_sass/fontawesome-free/_animated.scss +153 -0
  92. data/_sass/fontawesome-free/_bordered-pulled.scss +20 -0
  93. data/_sass/fontawesome-free/_core.scss +43 -0
  94. data/_sass/fontawesome-free/_fixed-width.scss +7 -0
  95. data/_sass/fontawesome-free/_functions.scss +57 -0
  96. data/_sass/fontawesome-free/_icons.scss +9 -0
  97. data/_sass/fontawesome-free/_list.scss +18 -0
  98. data/_sass/fontawesome-free/_mixins.scss +75 -0
  99. data/_sass/fontawesome-free/_rotated-flipped.scss +31 -0
  100. data/_sass/fontawesome-free/_screen-reader.scss +14 -0
  101. data/_sass/fontawesome-free/_shims.scss +2042 -0
  102. data/_sass/fontawesome-free/_sizing.scss +16 -0
  103. data/_sass/fontawesome-free/_stacked.scss +32 -0
  104. data/_sass/fontawesome-free/_variables.scss +4957 -0
  105. data/_sass/fontawesome-free/brands.scss +30 -0
  106. data/_sass/fontawesome-free/fontawesome.scss +21 -0
  107. data/_sass/fontawesome-free/regular.scss +26 -0
  108. data/_sass/fontawesome-free/solid.scss +26 -0
  109. data/_sass/fontawesome-free/v4-shims.scss +11 -0
  110. data/assets/css/dataTables.bootstrap5.css +416 -0
  111. data/assets/css/dataTables.bootstrap5.min.css +5 -0
  112. data/assets/img/anaconda-symbolic.svg +149 -0
  113. data/assets/img/anaconda.svg +183 -0
  114. data/assets/img/centos-dynamicmsg-logo.svg +182 -0
  115. data/assets/img/centos-dynamicmsg-type.svg +136 -0
  116. data/assets/img/centos-dynamicmsg-whitelogo.svg +172 -0
  117. data/assets/img/centos-dynamicmsg-whitetype.svg +142 -0
  118. data/assets/img/centos-gdm-whitelogo.svg +184 -0
  119. data/assets/img/centos-ipa-whiteheader.svg +162 -0
  120. data/assets/img/centos-logo-2bits.svg +142 -0
  121. data/assets/img/centos-logo.svg +171 -0
  122. data/assets/img/centos-message-logo.svg +304 -0
  123. data/assets/img/centos-motif.png +0 -0
  124. data/assets/img/centos-poweredby-logo.svg +258 -0
  125. data/assets/img/centos-symbol-2bits.svg +102 -0
  126. data/assets/img/centos-symbol.svg +121 -0
  127. data/assets/img/centos-type.svg +125 -0
  128. data/assets/img/centos-vertical-logo.svg +168 -0
  129. data/assets/img/centos-vertical-message-logo.svg +316 -0
  130. data/assets/img/centos-whitelogo.svg +161 -0
  131. data/assets/img/favicon.svg +121 -0
  132. data/assets/img/sort_asc.png +0 -0
  133. data/assets/img/sort_asc_disabled.png +0 -0
  134. data/assets/img/sort_both.png +0 -0
  135. data/assets/img/sort_desc.png +0 -0
  136. data/assets/img/sort_desc_disabled.png +0 -0
  137. data/assets/js/bootstrap.bundle.js +7075 -0
  138. data/assets/js/bootstrap.bundle.js.map +1 -0
  139. data/assets/js/bootstrap.bundle.min.js +7 -0
  140. data/assets/js/bootstrap.bundle.min.js.map +1 -0
  141. data/assets/js/bootstrap.esm.js +5202 -0
  142. data/assets/js/bootstrap.esm.js.map +1 -0
  143. data/assets/js/bootstrap.esm.min.js +7 -0
  144. data/assets/js/bootstrap.esm.min.js.map +1 -0
  145. data/assets/js/bootstrap.js +5249 -0
  146. data/assets/js/bootstrap.js.map +1 -0
  147. data/assets/js/bootstrap.min.js +7 -0
  148. data/assets/js/bootstrap.min.js.map +1 -0
  149. data/assets/js/clipboard.js +890 -0
  150. data/assets/js/clipboard.min.js +7 -0
  151. data/assets/js/dataTables.bootstrap5.js +200 -0
  152. data/assets/js/dataTables.bootstrap5.min.js +4 -0
  153. data/assets/js/dataTables.bootstrap5.min.mjs +4 -0
  154. data/assets/js/dataTables.bootstrap5.mjs +164 -0
  155. data/assets/js/jquery.js +10993 -0
  156. data/assets/js/jquery.min.js +2 -0
  157. data/assets/js/jquery.min.map +1 -0
  158. data/assets/js/jquery.slim.js +8894 -0
  159. data/assets/js/jquery.slim.min.js +2 -0
  160. data/assets/js/jquery.slim.min.map +1 -0
  161. data/assets/webfonts/Montserrat-Black.woff +0 -0
  162. data/assets/webfonts/Montserrat-Black.woff2 +0 -0
  163. data/assets/webfonts/Montserrat-BlackItalic.woff +0 -0
  164. data/assets/webfonts/Montserrat-BlackItalic.woff2 +0 -0
  165. data/assets/webfonts/Montserrat-Bold.woff +0 -0
  166. data/assets/webfonts/Montserrat-Bold.woff2 +0 -0
  167. data/assets/webfonts/Montserrat-BoldItalic.woff +0 -0
  168. data/assets/webfonts/Montserrat-BoldItalic.woff2 +0 -0
  169. data/assets/webfonts/Montserrat-ExtraBold.woff +0 -0
  170. data/assets/webfonts/Montserrat-ExtraBold.woff2 +0 -0
  171. data/assets/webfonts/Montserrat-ExtraBoldItalic.woff +0 -0
  172. data/assets/webfonts/Montserrat-ExtraBoldItalic.woff2 +0 -0
  173. data/assets/webfonts/Montserrat-ExtraLight.woff +0 -0
  174. data/assets/webfonts/Montserrat-ExtraLight.woff2 +0 -0
  175. data/assets/webfonts/Montserrat-ExtraLightItalic.woff +0 -0
  176. data/assets/webfonts/Montserrat-ExtraLightItalic.woff2 +0 -0
  177. data/assets/webfonts/Montserrat-Italic.woff +0 -0
  178. data/assets/webfonts/Montserrat-Italic.woff2 +0 -0
  179. data/assets/webfonts/Montserrat-Light.woff +0 -0
  180. data/assets/webfonts/Montserrat-Light.woff2 +0 -0
  181. data/assets/webfonts/Montserrat-LightItalic.woff +0 -0
  182. data/assets/webfonts/Montserrat-LightItalic.woff2 +0 -0
  183. data/assets/webfonts/Montserrat-Medium.woff +0 -0
  184. data/assets/webfonts/Montserrat-Medium.woff2 +0 -0
  185. data/assets/webfonts/Montserrat-MediumItalic.woff +0 -0
  186. data/assets/webfonts/Montserrat-MediumItalic.woff2 +0 -0
  187. data/assets/webfonts/Montserrat-Regular.woff +0 -0
  188. data/assets/webfonts/Montserrat-Regular.woff2 +0 -0
  189. data/assets/webfonts/Montserrat-SemiBold.woff +0 -0
  190. data/assets/webfonts/Montserrat-SemiBold.woff2 +0 -0
  191. data/assets/webfonts/Montserrat-SemiBoldItalic.woff +0 -0
  192. data/assets/webfonts/Montserrat-SemiBoldItalic.woff2 +0 -0
  193. data/assets/webfonts/Montserrat-Thin.woff +0 -0
  194. data/assets/webfonts/Montserrat-Thin.woff2 +0 -0
  195. data/assets/webfonts/Montserrat-ThinItalic.woff +0 -0
  196. data/assets/webfonts/Montserrat-ThinItalic.woff2 +0 -0
  197. data/assets/webfonts/MontserratAlternates-Black.woff +0 -0
  198. data/assets/webfonts/MontserratAlternates-Black.woff2 +0 -0
  199. data/assets/webfonts/MontserratAlternates-BlackItalic.woff +0 -0
  200. data/assets/webfonts/MontserratAlternates-BlackItalic.woff2 +0 -0
  201. data/assets/webfonts/MontserratAlternates-Bold.woff +0 -0
  202. data/assets/webfonts/MontserratAlternates-Bold.woff2 +0 -0
  203. data/assets/webfonts/MontserratAlternates-BoldItalic.woff +0 -0
  204. data/assets/webfonts/MontserratAlternates-BoldItalic.woff2 +0 -0
  205. data/assets/webfonts/MontserratAlternates-ExtraBold.woff +0 -0
  206. data/assets/webfonts/MontserratAlternates-ExtraBold.woff2 +0 -0
  207. data/assets/webfonts/MontserratAlternates-ExtraBoldItalic.woff +0 -0
  208. data/assets/webfonts/MontserratAlternates-ExtraBoldItalic.woff2 +0 -0
  209. data/assets/webfonts/MontserratAlternates-ExtraLight.woff +0 -0
  210. data/assets/webfonts/MontserratAlternates-ExtraLight.woff2 +0 -0
  211. data/assets/webfonts/MontserratAlternates-ExtraLightItalic.woff +0 -0
  212. data/assets/webfonts/MontserratAlternates-ExtraLightItalic.woff2 +0 -0
  213. data/assets/webfonts/MontserratAlternates-Italic.woff +0 -0
  214. data/assets/webfonts/MontserratAlternates-Italic.woff2 +0 -0
  215. data/assets/webfonts/MontserratAlternates-Light.woff +0 -0
  216. data/assets/webfonts/MontserratAlternates-Light.woff2 +0 -0
  217. data/assets/webfonts/MontserratAlternates-LightItalic.woff +0 -0
  218. data/assets/webfonts/MontserratAlternates-LightItalic.woff2 +0 -0
  219. data/assets/webfonts/MontserratAlternates-Medium.woff +0 -0
  220. data/assets/webfonts/MontserratAlternates-Medium.woff2 +0 -0
  221. data/assets/webfonts/MontserratAlternates-MediumItalic.woff +0 -0
  222. data/assets/webfonts/MontserratAlternates-MediumItalic.woff2 +0 -0
  223. data/assets/webfonts/MontserratAlternates-Regular.woff +0 -0
  224. data/assets/webfonts/MontserratAlternates-Regular.woff2 +0 -0
  225. data/assets/webfonts/MontserratAlternates-SemiBold.woff +0 -0
  226. data/assets/webfonts/MontserratAlternates-SemiBold.woff2 +0 -0
  227. data/assets/webfonts/MontserratAlternates-SemiBoldItalic.woff +0 -0
  228. data/assets/webfonts/MontserratAlternates-SemiBoldItalic.woff2 +0 -0
  229. data/assets/webfonts/MontserratAlternates-Thin.woff +0 -0
  230. data/assets/webfonts/MontserratAlternates-Thin.woff2 +0 -0
  231. data/assets/webfonts/MontserratAlternates-ThinItalic.woff +0 -0
  232. data/assets/webfonts/MontserratAlternates-ThinItalic.woff2 +0 -0
  233. data/assets/webfonts/fa-brands-400.ttf +0 -0
  234. data/assets/webfonts/fa-brands-400.woff2 +0 -0
  235. data/assets/webfonts/fa-regular-400.ttf +0 -0
  236. data/assets/webfonts/fa-regular-400.woff2 +0 -0
  237. data/assets/webfonts/fa-solid-900.ttf +0 -0
  238. data/assets/webfonts/fa-solid-900.woff2 +0 -0
  239. data/assets/webfonts/fa-v4compatibility.ttf +0 -0
  240. data/assets/webfonts/fa-v4compatibility.woff2 +0 -0
  241. data/assets/webfonts/overpass-mono-bold.woff +0 -0
  242. data/assets/webfonts/overpass-mono-bold.woff2 +0 -0
  243. data/assets/webfonts/overpass-mono-light.woff +0 -0
  244. data/assets/webfonts/overpass-mono-light.woff2 +0 -0
  245. data/assets/webfonts/overpass-mono-regular.woff +0 -0
  246. data/assets/webfonts/overpass-mono-regular.woff2 +0 -0
  247. data/assets/webfonts/overpass-mono-semibold.woff +0 -0
  248. data/assets/webfonts/overpass-mono-semibold.woff2 +0 -0
  249. metadata +247 -1
@@ -0,0 +1,70 @@
1
+ // Button variants
2
+ //
3
+ // Easily pump out default styles, as well as :hover, :focus, :active,
4
+ // and disabled options for all buttons
5
+
6
+ // scss-docs-start btn-variant-mixin
7
+ @mixin button-variant(
8
+ $background,
9
+ $border,
10
+ $color: color-contrast($background),
11
+ $hover-background: if($color == $color-contrast-light, shade-color($background, $btn-hover-bg-shade-amount), tint-color($background, $btn-hover-bg-tint-amount)),
12
+ $hover-border: if($color == $color-contrast-light, shade-color($border, $btn-hover-border-shade-amount), tint-color($border, $btn-hover-border-tint-amount)),
13
+ $hover-color: color-contrast($hover-background),
14
+ $active-background: if($color == $color-contrast-light, shade-color($background, $btn-active-bg-shade-amount), tint-color($background, $btn-active-bg-tint-amount)),
15
+ $active-border: if($color == $color-contrast-light, shade-color($border, $btn-active-border-shade-amount), tint-color($border, $btn-active-border-tint-amount)),
16
+ $active-color: color-contrast($active-background),
17
+ $disabled-background: $background,
18
+ $disabled-border: $border,
19
+ $disabled-color: color-contrast($disabled-background)
20
+ ) {
21
+ --#{$prefix}btn-color: #{$color};
22
+ --#{$prefix}btn-bg: #{$background};
23
+ --#{$prefix}btn-border-color: #{$border};
24
+ --#{$prefix}btn-hover-color: #{$hover-color};
25
+ --#{$prefix}btn-hover-bg: #{$hover-background};
26
+ --#{$prefix}btn-hover-border-color: #{$hover-border};
27
+ --#{$prefix}btn-focus-shadow-rgb: #{to-rgb(mix($color, $border, 15%))};
28
+ --#{$prefix}btn-active-color: #{$active-color};
29
+ --#{$prefix}btn-active-bg: #{$active-background};
30
+ --#{$prefix}btn-active-border-color: #{$active-border};
31
+ --#{$prefix}btn-active-shadow: #{$btn-active-box-shadow};
32
+ --#{$prefix}btn-disabled-color: #{$disabled-color};
33
+ --#{$prefix}btn-disabled-bg: #{$disabled-background};
34
+ --#{$prefix}btn-disabled-border-color: #{$disabled-border};
35
+ }
36
+ // scss-docs-end btn-variant-mixin
37
+
38
+ // scss-docs-start btn-outline-variant-mixin
39
+ @mixin button-outline-variant(
40
+ $color,
41
+ $color-hover: color-contrast($color),
42
+ $active-background: $color,
43
+ $active-border: $color,
44
+ $active-color: color-contrast($active-background)
45
+ ) {
46
+ --#{$prefix}btn-color: #{$color};
47
+ --#{$prefix}btn-border-color: #{$color};
48
+ --#{$prefix}btn-hover-color: #{$color-hover};
49
+ --#{$prefix}btn-hover-bg: #{$active-background};
50
+ --#{$prefix}btn-hover-border-color: #{$active-border};
51
+ --#{$prefix}btn-focus-shadow-rgb: #{to-rgb($color)};
52
+ --#{$prefix}btn-active-color: #{$active-color};
53
+ --#{$prefix}btn-active-bg: #{$active-background};
54
+ --#{$prefix}btn-active-border-color: #{$active-border};
55
+ --#{$prefix}btn-active-shadow: #{$btn-active-box-shadow};
56
+ --#{$prefix}btn-disabled-color: #{$color};
57
+ --#{$prefix}btn-disabled-bg: transparent;
58
+ --#{$prefix}btn-disabled-border-color: #{$color};
59
+ --#{$prefix}gradient: none;
60
+ }
61
+ // scss-docs-end btn-outline-variant-mixin
62
+
63
+ // scss-docs-start btn-size-mixin
64
+ @mixin button-size($padding-y, $padding-x, $font-size, $border-radius) {
65
+ --#{$prefix}btn-padding-y: #{$padding-y};
66
+ --#{$prefix}btn-padding-x: #{$padding-x};
67
+ @include rfs($font-size, --#{$prefix}btn-font-size);
68
+ --#{$prefix}btn-border-radius: #{$border-radius};
69
+ }
70
+ // scss-docs-end btn-size-mixin
@@ -0,0 +1,64 @@
1
+ // scss-docs-start caret-mixins
2
+ @mixin caret-down {
3
+ border-top: $caret-width solid;
4
+ border-right: $caret-width solid transparent;
5
+ border-bottom: 0;
6
+ border-left: $caret-width solid transparent;
7
+ }
8
+
9
+ @mixin caret-up {
10
+ border-top: 0;
11
+ border-right: $caret-width solid transparent;
12
+ border-bottom: $caret-width solid;
13
+ border-left: $caret-width solid transparent;
14
+ }
15
+
16
+ @mixin caret-end {
17
+ border-top: $caret-width solid transparent;
18
+ border-right: 0;
19
+ border-bottom: $caret-width solid transparent;
20
+ border-left: $caret-width solid;
21
+ }
22
+
23
+ @mixin caret-start {
24
+ border-top: $caret-width solid transparent;
25
+ border-right: $caret-width solid;
26
+ border-bottom: $caret-width solid transparent;
27
+ }
28
+
29
+ @mixin caret($direction: down) {
30
+ @if $enable-caret {
31
+ &::after {
32
+ display: inline-block;
33
+ margin-left: $caret-spacing;
34
+ vertical-align: $caret-vertical-align;
35
+ content: "";
36
+ @if $direction == down {
37
+ @include caret-down();
38
+ } @else if $direction == up {
39
+ @include caret-up();
40
+ } @else if $direction == end {
41
+ @include caret-end();
42
+ }
43
+ }
44
+
45
+ @if $direction == start {
46
+ &::after {
47
+ display: none;
48
+ }
49
+
50
+ &::before {
51
+ display: inline-block;
52
+ margin-right: $caret-spacing;
53
+ vertical-align: $caret-vertical-align;
54
+ content: "";
55
+ @include caret-start();
56
+ }
57
+ }
58
+
59
+ &:empty::after {
60
+ margin-left: 0;
61
+ }
62
+ }
63
+ }
64
+ // scss-docs-end caret-mixins
@@ -0,0 +1,9 @@
1
+ // scss-docs-start clearfix
2
+ @mixin clearfix() {
3
+ &::after {
4
+ display: block;
5
+ clear: both;
6
+ content: "";
7
+ }
8
+ }
9
+ // scss-docs-end clearfix
@@ -0,0 +1,7 @@
1
+ // scss-docs-start mixin-color-scheme
2
+ @mixin color-scheme($name) {
3
+ @media (prefers-color-scheme: #{$name}) {
4
+ @content;
5
+ }
6
+ }
7
+ // scss-docs-end mixin-color-scheme
@@ -0,0 +1,11 @@
1
+ // Container mixins
2
+
3
+ @mixin make-container($gutter: $container-padding-x) {
4
+ --#{$prefix}gutter-x: #{$gutter};
5
+ --#{$prefix}gutter-y: 0;
6
+ width: 100%;
7
+ padding-right: calc(var(--#{$prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list
8
+ padding-left: calc(var(--#{$prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list
9
+ margin-right: auto;
10
+ margin-left: auto;
11
+ }
@@ -0,0 +1,10 @@
1
+ // Deprecate mixin
2
+ //
3
+ // This mixin can be used to deprecate mixins or functions.
4
+ // `$enable-deprecation-messages` is a global variable, `$ignore-warning` is a variable that can be passed to
5
+ // some deprecated mixins to suppress the warning (for example if the mixin is still be used in the current version of Bootstrap)
6
+ @mixin deprecate($name, $deprecate-version, $remove-version, $ignore-warning: false) {
7
+ @if ($enable-deprecation-messages != false and $ignore-warning != true) {
8
+ @warn "#{$name} has been deprecated as of #{$deprecate-version}. It will be removed entirely in #{$remove-version}.";
9
+ }
10
+ }
@@ -0,0 +1,152 @@
1
+ // This mixin uses an `if()` technique to be compatible with Dart Sass
2
+ // See https://github.com/sass/sass/issues/1873#issuecomment-152293725 for more details
3
+
4
+ // scss-docs-start form-validation-mixins
5
+ @mixin form-validation-state-selector($state) {
6
+ @if ($state == "valid" or $state == "invalid") {
7
+ .was-validated #{if(&, "&", "")}:#{$state},
8
+ #{if(&, "&", "")}.is-#{$state} {
9
+ @content;
10
+ }
11
+ } @else {
12
+ #{if(&, "&", "")}.is-#{$state} {
13
+ @content;
14
+ }
15
+ }
16
+ }
17
+
18
+ @mixin form-validation-state(
19
+ $state,
20
+ $color,
21
+ $icon,
22
+ $tooltip-color: color-contrast($color),
23
+ $tooltip-bg-color: rgba($color, $form-feedback-tooltip-opacity),
24
+ $focus-box-shadow: 0 0 $input-btn-focus-blur $input-focus-width rgba($color, $input-btn-focus-color-opacity)
25
+ ) {
26
+ .#{$state}-feedback {
27
+ display: none;
28
+ width: 100%;
29
+ margin-top: $form-feedback-margin-top;
30
+ @include font-size($form-feedback-font-size);
31
+ font-style: $form-feedback-font-style;
32
+ color: $color;
33
+ }
34
+
35
+ .#{$state}-tooltip {
36
+ position: absolute;
37
+ top: 100%;
38
+ z-index: 5;
39
+ display: none;
40
+ max-width: 100%; // Contain to parent when possible
41
+ padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;
42
+ margin-top: .1rem;
43
+ @include font-size($form-feedback-tooltip-font-size);
44
+ line-height: $form-feedback-tooltip-line-height;
45
+ color: $tooltip-color;
46
+ background-color: $tooltip-bg-color;
47
+ @include border-radius($form-feedback-tooltip-border-radius);
48
+ }
49
+
50
+ @include form-validation-state-selector($state) {
51
+ ~ .#{$state}-feedback,
52
+ ~ .#{$state}-tooltip {
53
+ display: block;
54
+ }
55
+ }
56
+
57
+ .form-control {
58
+ @include form-validation-state-selector($state) {
59
+ border-color: $color;
60
+
61
+ @if $enable-validation-icons {
62
+ padding-right: $input-height-inner;
63
+ background-image: escape-svg($icon);
64
+ background-repeat: no-repeat;
65
+ background-position: right $input-height-inner-quarter center;
66
+ background-size: $input-height-inner-half $input-height-inner-half;
67
+ }
68
+
69
+ &:focus {
70
+ border-color: $color;
71
+ box-shadow: $focus-box-shadow;
72
+ }
73
+ }
74
+ }
75
+
76
+ // stylelint-disable-next-line selector-no-qualifying-type
77
+ textarea.form-control {
78
+ @include form-validation-state-selector($state) {
79
+ @if $enable-validation-icons {
80
+ padding-right: $input-height-inner;
81
+ background-position: top $input-height-inner-quarter right $input-height-inner-quarter;
82
+ }
83
+ }
84
+ }
85
+
86
+ .form-select {
87
+ @include form-validation-state-selector($state) {
88
+ border-color: $color;
89
+
90
+ @if $enable-validation-icons {
91
+ &:not([multiple]):not([size]),
92
+ &:not([multiple])[size="1"] {
93
+ padding-right: $form-select-feedback-icon-padding-end;
94
+ background-image: escape-svg($form-select-indicator), escape-svg($icon);
95
+ background-position: $form-select-bg-position, $form-select-feedback-icon-position;
96
+ background-size: $form-select-bg-size, $form-select-feedback-icon-size;
97
+ }
98
+ }
99
+
100
+ &:focus {
101
+ border-color: $color;
102
+ box-shadow: $focus-box-shadow;
103
+ }
104
+ }
105
+ }
106
+
107
+ .form-control-color {
108
+ @include form-validation-state-selector($state) {
109
+ @if $enable-validation-icons {
110
+ width: add($form-color-width, $input-height-inner);
111
+ }
112
+ }
113
+ }
114
+
115
+ .form-check-input {
116
+ @include form-validation-state-selector($state) {
117
+ border-color: $color;
118
+
119
+ &:checked {
120
+ background-color: $color;
121
+ }
122
+
123
+ &:focus {
124
+ box-shadow: $focus-box-shadow;
125
+ }
126
+
127
+ ~ .form-check-label {
128
+ color: $color;
129
+ }
130
+ }
131
+ }
132
+ .form-check-inline .form-check-input {
133
+ ~ .#{$state}-feedback {
134
+ margin-left: .5em;
135
+ }
136
+ }
137
+
138
+ .input-group {
139
+ > .form-control:not(:focus),
140
+ > .form-select:not(:focus),
141
+ > .form-floating:not(:focus-within) {
142
+ @include form-validation-state-selector($state) {
143
+ @if $state == "valid" {
144
+ z-index: 3;
145
+ } @else if $state == "invalid" {
146
+ z-index: 4;
147
+ }
148
+ }
149
+ }
150
+ }
151
+ }
152
+ // scss-docs-end form-validation-mixins
@@ -0,0 +1,47 @@
1
+ // Gradients
2
+
3
+ // scss-docs-start gradient-bg-mixin
4
+ @mixin gradient-bg($color: null) {
5
+ background-color: $color;
6
+
7
+ @if $enable-gradients {
8
+ background-image: var(--#{$prefix}gradient);
9
+ }
10
+ }
11
+ // scss-docs-end gradient-bg-mixin
12
+
13
+ // scss-docs-start gradient-mixins
14
+ // Horizontal gradient, from left to right
15
+ //
16
+ // Creates two color stops, start and end, by specifying a color and position for each color stop.
17
+ @mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {
18
+ background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);
19
+ }
20
+
21
+ // Vertical gradient, from top to bottom
22
+ //
23
+ // Creates two color stops, start and end, by specifying a color and position for each color stop.
24
+ @mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: null, $end-percent: null) {
25
+ background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);
26
+ }
27
+
28
+ @mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {
29
+ background-image: linear-gradient($deg, $start-color, $end-color);
30
+ }
31
+
32
+ @mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {
33
+ background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
34
+ }
35
+
36
+ @mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {
37
+ background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
38
+ }
39
+
40
+ @mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {
41
+ background-image: radial-gradient(circle, $inner-color, $outer-color);
42
+ }
43
+
44
+ @mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {
45
+ background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
46
+ }
47
+ // scss-docs-end gradient-mixins
@@ -0,0 +1,151 @@
1
+ // Grid system
2
+ //
3
+ // Generate semantic grid columns with these mixins.
4
+
5
+ @mixin make-row($gutter: $grid-gutter-width) {
6
+ --#{$prefix}gutter-x: #{$gutter};
7
+ --#{$prefix}gutter-y: 0;
8
+ display: flex;
9
+ flex-wrap: wrap;
10
+ // TODO: Revisit calc order after https://github.com/react-bootstrap/react-bootstrap/issues/6039 is fixed
11
+ margin-top: calc(-1 * var(--#{$prefix}gutter-y)); // stylelint-disable-line function-disallowed-list
12
+ margin-right: calc(-.5 * var(--#{$prefix}gutter-x)); // stylelint-disable-line function-disallowed-list
13
+ margin-left: calc(-.5 * var(--#{$prefix}gutter-x)); // stylelint-disable-line function-disallowed-list
14
+ }
15
+
16
+ @mixin make-col-ready() {
17
+ // Add box sizing if only the grid is loaded
18
+ box-sizing: if(variable-exists(include-column-box-sizing) and $include-column-box-sizing, border-box, null);
19
+ // Prevent columns from becoming too narrow when at smaller grid tiers by
20
+ // always setting `width: 100%;`. This works because we set the width
21
+ // later on to override this initial width.
22
+ flex-shrink: 0;
23
+ width: 100%;
24
+ max-width: 100%; // Prevent `.col-auto`, `.col` (& responsive variants) from breaking out the grid
25
+ padding-right: calc(var(--#{$prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list
26
+ padding-left: calc(var(--#{$prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list
27
+ margin-top: var(--#{$prefix}gutter-y);
28
+ }
29
+
30
+ @mixin make-col($size: false, $columns: $grid-columns) {
31
+ @if $size {
32
+ flex: 0 0 auto;
33
+ width: percentage(divide($size, $columns));
34
+
35
+ } @else {
36
+ flex: 1 1 0;
37
+ max-width: 100%;
38
+ }
39
+ }
40
+
41
+ @mixin make-col-auto() {
42
+ flex: 0 0 auto;
43
+ width: auto;
44
+ }
45
+
46
+ @mixin make-col-offset($size, $columns: $grid-columns) {
47
+ $num: divide($size, $columns);
48
+ margin-left: if($num == 0, 0, percentage($num));
49
+ }
50
+
51
+ // Row columns
52
+ //
53
+ // Specify on a parent element(e.g., .row) to force immediate children into NN
54
+ // number of columns. Supports wrapping to new lines, but does not do a Masonry
55
+ // style grid.
56
+ @mixin row-cols($count) {
57
+ > * {
58
+ flex: 0 0 auto;
59
+ width: divide(100%, $count);
60
+ }
61
+ }
62
+
63
+ // Framework grid generation
64
+ //
65
+ // Used only by Bootstrap to generate the correct number of grid classes given
66
+ // any value of `$grid-columns`.
67
+
68
+ @mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {
69
+ @each $breakpoint in map-keys($breakpoints) {
70
+ $infix: breakpoint-infix($breakpoint, $breakpoints);
71
+
72
+ @include media-breakpoint-up($breakpoint, $breakpoints) {
73
+ // Provide basic `.col-{bp}` classes for equal-width flexbox columns
74
+ .col#{$infix} {
75
+ flex: 1 0 0%; // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
76
+ }
77
+
78
+ .row-cols#{$infix}-auto > * {
79
+ @include make-col-auto();
80
+ }
81
+
82
+ @if $grid-row-columns > 0 {
83
+ @for $i from 1 through $grid-row-columns {
84
+ .row-cols#{$infix}-#{$i} {
85
+ @include row-cols($i);
86
+ }
87
+ }
88
+ }
89
+
90
+ .col#{$infix}-auto {
91
+ @include make-col-auto();
92
+ }
93
+
94
+ @if $columns > 0 {
95
+ @for $i from 1 through $columns {
96
+ .col#{$infix}-#{$i} {
97
+ @include make-col($i, $columns);
98
+ }
99
+ }
100
+
101
+ // `$columns - 1` because offsetting by the width of an entire row isn't possible
102
+ @for $i from 0 through ($columns - 1) {
103
+ @if not ($infix == "" and $i == 0) { // Avoid emitting useless .offset-0
104
+ .offset#{$infix}-#{$i} {
105
+ @include make-col-offset($i, $columns);
106
+ }
107
+ }
108
+ }
109
+ }
110
+
111
+ // Gutters
112
+ //
113
+ // Make use of `.g-*`, `.gx-*` or `.gy-*` utilities to change spacing between the columns.
114
+ @each $key, $value in $gutters {
115
+ .g#{$infix}-#{$key},
116
+ .gx#{$infix}-#{$key} {
117
+ --#{$prefix}gutter-x: #{$value};
118
+ }
119
+
120
+ .g#{$infix}-#{$key},
121
+ .gy#{$infix}-#{$key} {
122
+ --#{$prefix}gutter-y: #{$value};
123
+ }
124
+ }
125
+ }
126
+ }
127
+ }
128
+
129
+ @mixin make-cssgrid($columns: $grid-columns, $breakpoints: $grid-breakpoints) {
130
+ @each $breakpoint in map-keys($breakpoints) {
131
+ $infix: breakpoint-infix($breakpoint, $breakpoints);
132
+
133
+ @include media-breakpoint-up($breakpoint, $breakpoints) {
134
+ @if $columns > 0 {
135
+ @for $i from 1 through $columns {
136
+ .g-col#{$infix}-#{$i} {
137
+ grid-column: auto / span $i;
138
+ }
139
+ }
140
+
141
+ // Start with `1` because `0` is and invalid value.
142
+ // Ends with `$columns - 1` because offsetting by the width of an entire row isn't possible.
143
+ @for $i from 1 through ($columns - 1) {
144
+ .g-start#{$infix}-#{$i} {
145
+ grid-column-start: $i;
146
+ }
147
+ }
148
+ }
149
+ }
150
+ }
151
+ }
@@ -0,0 +1,16 @@
1
+ // Image Mixins
2
+ // - Responsive image
3
+ // - Retina image
4
+
5
+
6
+ // Responsive image
7
+ //
8
+ // Keep images from scaling beyond the width of their parents.
9
+
10
+ @mixin img-fluid {
11
+ // Part 1: Set a maximum relative to the parent
12
+ max-width: 100%;
13
+ // Part 2: Override the height to auto, otherwise images will be stretched
14
+ // when setting a width and height attribute on the img element.
15
+ height: auto;
16
+ }
@@ -0,0 +1,24 @@
1
+ // List Groups
2
+
3
+ // scss-docs-start list-group-mixin
4
+ @mixin list-group-item-variant($state, $background, $color) {
5
+ .list-group-item-#{$state} {
6
+ color: $color;
7
+ background-color: $background;
8
+
9
+ &.list-group-item-action {
10
+ &:hover,
11
+ &:focus {
12
+ color: $color;
13
+ background-color: shade-color($background, 10%);
14
+ }
15
+
16
+ &.active {
17
+ color: $white;
18
+ background-color: $color;
19
+ border-color: $color;
20
+ }
21
+ }
22
+ }
23
+ }
24
+ // scss-docs-end list-group-mixin
@@ -0,0 +1,7 @@
1
+ // Lists
2
+
3
+ // Unstyled keeps list items block level, just removes default browser padding and list-style
4
+ @mixin list-unstyled {
5
+ padding-left: 0;
6
+ list-style: none;
7
+ }
@@ -0,0 +1,10 @@
1
+ // Pagination
2
+
3
+ // scss-docs-start pagination-mixin
4
+ @mixin pagination-size($padding-y, $padding-x, $font-size, $border-radius) {
5
+ --#{$prefix}pagination-padding-x: #{$padding-x};
6
+ --#{$prefix}pagination-padding-y: #{$padding-y};
7
+ @include rfs($font-size, --#{$prefix}pagination-font-size);
8
+ --#{$prefix}pagination-border-radius: #{$border-radius};
9
+ }
10
+ // scss-docs-end pagination-mixin
@@ -0,0 +1,17 @@
1
+ @mixin reset-text {
2
+ font-family: $font-family-base;
3
+ // We deliberately do NOT reset font-size or overflow-wrap / word-wrap.
4
+ font-style: normal;
5
+ font-weight: $font-weight-normal;
6
+ line-height: $line-height-base;
7
+ text-align: left; // Fallback for where `start` is not supported
8
+ text-align: start;
9
+ text-decoration: none;
10
+ text-shadow: none;
11
+ text-transform: none;
12
+ letter-spacing: normal;
13
+ word-break: normal;
14
+ white-space: normal;
15
+ word-spacing: normal;
16
+ line-break: auto;
17
+ }
@@ -0,0 +1,6 @@
1
+ // Resize anything
2
+
3
+ @mixin resizable($direction) {
4
+ overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
5
+ resize: $direction; // Options: horizontal, vertical, both
6
+ }
@@ -0,0 +1,24 @@
1
+ // scss-docs-start table-variant
2
+ @mixin table-variant($state, $background) {
3
+ .table-#{$state} {
4
+ $color: color-contrast(opaque($body-bg, $background));
5
+ $hover-bg: mix($color, $background, percentage($table-hover-bg-factor));
6
+ $striped-bg: mix($color, $background, percentage($table-striped-bg-factor));
7
+ $active-bg: mix($color, $background, percentage($table-active-bg-factor));
8
+ $table-border-color: mix($color, $background, percentage($table-border-factor));
9
+
10
+ --#{$prefix}table-color: #{$color};
11
+ --#{$prefix}table-bg: #{$background};
12
+ --#{$prefix}table-border-color: #{$table-border-color};
13
+ --#{$prefix}table-striped-bg: #{$striped-bg};
14
+ --#{$prefix}table-striped-color: #{color-contrast($striped-bg)};
15
+ --#{$prefix}table-active-bg: #{$active-bg};
16
+ --#{$prefix}table-active-color: #{color-contrast($active-bg)};
17
+ --#{$prefix}table-hover-bg: #{$hover-bg};
18
+ --#{$prefix}table-hover-color: #{color-contrast($hover-bg)};
19
+
20
+ color: var(--#{$prefix}table-color);
21
+ border-color: var(--#{$prefix}table-border-color);
22
+ }
23
+ }
24
+ // scss-docs-end table-variant
@@ -0,0 +1,8 @@
1
+ // Text truncate
2
+ // Requires inline-block or block for proper styling
3
+
4
+ @mixin text-truncate() {
5
+ overflow: hidden;
6
+ text-overflow: ellipsis;
7
+ white-space: nowrap;
8
+ }
@@ -0,0 +1,26 @@
1
+ // stylelint-disable property-disallowed-list
2
+ @mixin transition($transition...) {
3
+ @if length($transition) == 0 {
4
+ $transition: $transition-base;
5
+ }
6
+
7
+ @if length($transition) > 1 {
8
+ @each $value in $transition {
9
+ @if $value == null or $value == none {
10
+ @warn "The keyword 'none' or 'null' must be used as a single argument.";
11
+ }
12
+ }
13
+ }
14
+
15
+ @if $enable-transitions {
16
+ @if nth($transition, 1) != null {
17
+ transition: $transition;
18
+ }
19
+
20
+ @if $enable-reduced-motion and nth($transition, 1) != null and nth($transition, 1) != none {
21
+ @media (prefers-reduced-motion: reduce) {
22
+ transition: none;
23
+ }
24
+ }
25
+ }
26
+ }