jekyll-theme-centos 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (274) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +66 -0
  4. data/_includes/centos-content/1col.html +11 -0
  5. data/_includes/centos-content/2col.html +15 -0
  6. data/_includes/centos-content/admonition/caution.html +4 -0
  7. data/_includes/centos-content/admonition/idea.html +4 -0
  8. data/_includes/centos-content/admonition/note.html +4 -0
  9. data/_includes/centos-content/admonition/warning.html +4 -0
  10. data/_includes/centos-content/around.html +6 -0
  11. data/_includes/centos-content/breadcrumbs.html +11 -0
  12. data/_includes/centos-content/download/stream-8-doc.html +5 -0
  13. data/_includes/centos-content/download/stream-8-eol.html +5 -0
  14. data/_includes/centos-content/download/stream-8.html +5 -0
  15. data/_includes/centos-content/download/stream.html +16 -0
  16. data/_includes/centos-content/download/table-body-doc.html +6 -0
  17. data/_includes/centos-content/download/table-body-eol.html +4 -0
  18. data/_includes/centos-content/download/table-body.html +7 -0
  19. data/_includes/centos-content/download/table-footer.html +2 -0
  20. data/_includes/centos-content/download/table-header-doc.html +8 -0
  21. data/_includes/centos-content/download/table-header-eol.html +8 -0
  22. data/_includes/centos-content/download/table-header.html +10 -0
  23. data/_includes/centos-content/figure.html +4 -0
  24. data/_includes/centos-content/news.html +15 -0
  25. data/_includes/centos-content/sponsors.html +19 -0
  26. data/_includes/centos-content/toc.html +103 -0
  27. data/_includes/centos-content/video.html +3 -0
  28. data/_includes/centos-footer.html +42 -0
  29. data/_includes/centos-head.html +7 -0
  30. data/_includes/centos-header.html +7 -0
  31. data/_includes/centos-header/home.html +15 -0
  32. data/_includes/centos-header/page.html +12 -0
  33. data/_includes/centos-nav.html +29 -0
  34. data/_includes/centos-styleguide.md +243 -0
  35. data/_layouts/centos-content/1col.html +9 -0
  36. data/_layouts/centos-content/2col.html +9 -0
  37. data/_layouts/centos-content/download-mirror.html +30 -0
  38. data/_layouts/centos-content/download.html +18 -0
  39. data/_layouts/centos-content/sponsors.html +21 -0
  40. data/_layouts/centos-home.html +39 -0
  41. data/_layouts/default.html +18 -0
  42. data/_layouts/page.html +5 -0
  43. data/_layouts/post.html +5 -0
  44. data/_sass/bootstrap/_alert.scss +52 -0
  45. data/_sass/bootstrap/_badge.scss +54 -0
  46. data/_sass/bootstrap/_breadcrumb.scss +44 -0
  47. data/_sass/bootstrap/_button-group.scss +163 -0
  48. data/_sass/bootstrap/_buttons.scss +142 -0
  49. data/_sass/bootstrap/_card.scss +286 -0
  50. data/_sass/bootstrap/_carousel.scss +197 -0
  51. data/_sass/bootstrap/_close.scss +40 -0
  52. data/_sass/bootstrap/_code.scss +48 -0
  53. data/_sass/bootstrap/_custom-forms.scss +524 -0
  54. data/_sass/bootstrap/_dropdown.scss +192 -0
  55. data/_sass/bootstrap/_forms.scss +347 -0
  56. data/_sass/bootstrap/_functions.scss +144 -0
  57. data/_sass/bootstrap/_grid.scss +73 -0
  58. data/_sass/bootstrap/_images.scss +42 -0
  59. data/_sass/bootstrap/_input-group.scss +192 -0
  60. data/_sass/bootstrap/_jumbotron.scss +17 -0
  61. data/_sass/bootstrap/_list-group.scss +154 -0
  62. data/_sass/bootstrap/_media.scss +8 -0
  63. data/_sass/bootstrap/_mixins.scss +47 -0
  64. data/_sass/bootstrap/_modal.scss +240 -0
  65. data/_sass/bootstrap/_nav.scss +123 -0
  66. data/_sass/bootstrap/_navbar.scss +324 -0
  67. data/_sass/bootstrap/_pagination.scss +74 -0
  68. data/_sass/bootstrap/_popover.scss +170 -0
  69. data/_sass/bootstrap/_print.scss +141 -0
  70. data/_sass/bootstrap/_progress.scss +47 -0
  71. data/_sass/bootstrap/_reboot.scss +484 -0
  72. data/_sass/bootstrap/_root.scss +20 -0
  73. data/_sass/bootstrap/_spinners.scss +56 -0
  74. data/_sass/bootstrap/_tables.scss +185 -0
  75. data/_sass/bootstrap/_toasts.scss +46 -0
  76. data/_sass/bootstrap/_tooltip.scss +115 -0
  77. data/_sass/bootstrap/_transitions.scss +20 -0
  78. data/_sass/bootstrap/_type.scss +125 -0
  79. data/_sass/bootstrap/_utilities.scss +18 -0
  80. data/_sass/bootstrap/_variables.scss +1142 -0
  81. data/_sass/bootstrap/bootstrap-grid.scss +29 -0
  82. data/_sass/bootstrap/bootstrap-reboot.scss +12 -0
  83. data/_sass/bootstrap/bootstrap.scss +44 -0
  84. data/_sass/bootstrap/mixins/_alert.scss +13 -0
  85. data/_sass/bootstrap/mixins/_background-variant.scss +23 -0
  86. data/_sass/bootstrap/mixins/_badge.scss +17 -0
  87. data/_sass/bootstrap/mixins/_border-radius.scss +76 -0
  88. data/_sass/bootstrap/mixins/_box-shadow.scss +20 -0
  89. data/_sass/bootstrap/mixins/_breakpoints.scss +123 -0
  90. data/_sass/bootstrap/mixins/_buttons.scss +110 -0
  91. data/_sass/bootstrap/mixins/_caret.scss +62 -0
  92. data/_sass/bootstrap/mixins/_clearfix.scss +7 -0
  93. data/_sass/bootstrap/mixins/_deprecate.scss +10 -0
  94. data/_sass/bootstrap/mixins/_float.scss +14 -0
  95. data/_sass/bootstrap/mixins/_forms.scss +178 -0
  96. data/_sass/bootstrap/mixins/_gradients.scss +45 -0
  97. data/_sass/bootstrap/mixins/_grid-framework.scss +80 -0
  98. data/_sass/bootstrap/mixins/_grid.scss +69 -0
  99. data/_sass/bootstrap/mixins/_hover.scss +37 -0
  100. data/_sass/bootstrap/mixins/_image.scss +36 -0
  101. data/_sass/bootstrap/mixins/_list-group.scss +21 -0
  102. data/_sass/bootstrap/mixins/_lists.scss +7 -0
  103. data/_sass/bootstrap/mixins/_nav-divider.scss +11 -0
  104. data/_sass/bootstrap/mixins/_pagination.scss +22 -0
  105. data/_sass/bootstrap/mixins/_reset-text.scss +17 -0
  106. data/_sass/bootstrap/mixins/_resize.scss +6 -0
  107. data/_sass/bootstrap/mixins/_screen-reader.scss +34 -0
  108. data/_sass/bootstrap/mixins/_size.scss +7 -0
  109. data/_sass/bootstrap/mixins/_table-row.scss +39 -0
  110. data/_sass/bootstrap/mixins/_text-emphasis.scss +17 -0
  111. data/_sass/bootstrap/mixins/_text-hide.scss +11 -0
  112. data/_sass/bootstrap/mixins/_text-truncate.scss +8 -0
  113. data/_sass/bootstrap/mixins/_transition.scss +26 -0
  114. data/_sass/bootstrap/mixins/_visibility.scss +8 -0
  115. data/_sass/bootstrap/utilities/_align.scss +8 -0
  116. data/_sass/bootstrap/utilities/_background.scss +19 -0
  117. data/_sass/bootstrap/utilities/_borders.scss +75 -0
  118. data/_sass/bootstrap/utilities/_clearfix.scss +3 -0
  119. data/_sass/bootstrap/utilities/_display.scss +26 -0
  120. data/_sass/bootstrap/utilities/_embed.scss +39 -0
  121. data/_sass/bootstrap/utilities/_flex.scss +51 -0
  122. data/_sass/bootstrap/utilities/_float.scss +11 -0
  123. data/_sass/bootstrap/utilities/_interactions.scss +5 -0
  124. data/_sass/bootstrap/utilities/_overflow.scss +5 -0
  125. data/_sass/bootstrap/utilities/_position.scss +32 -0
  126. data/_sass/bootstrap/utilities/_screenreaders.scss +11 -0
  127. data/_sass/bootstrap/utilities/_shadows.scss +6 -0
  128. data/_sass/bootstrap/utilities/_sizing.scss +20 -0
  129. data/_sass/bootstrap/utilities/_spacing.scss +73 -0
  130. data/_sass/bootstrap/utilities/_stretched-link.scss +19 -0
  131. data/_sass/bootstrap/utilities/_text.scss +72 -0
  132. data/_sass/bootstrap/utilities/_visibility.scss +13 -0
  133. data/_sass/bootstrap/vendor/_rfs.scss +204 -0
  134. data/_sass/centos/_content.scss +101 -0
  135. data/_sass/centos/_datatable.scss +271 -0
  136. data/_sass/centos/_fonts.scss +1 -0
  137. data/_sass/centos/_footer.scss +49 -0
  138. data/_sass/centos/_header.scss +25 -0
  139. data/_sass/centos/_highlighter.scss +360 -0
  140. data/_sass/centos/_mixins.scss +4 -0
  141. data/_sass/centos/_nav.scss +10 -0
  142. data/_sass/centos/_rssfeeds.scss +17 -0
  143. data/_sass/centos/_variables.scss +111 -0
  144. data/_sass/centos/centos.scss +23 -0
  145. data/_sass/centos/content/_1col.scss +32 -0
  146. data/_sass/centos/content/_2col.scss +44 -0
  147. data/_sass/centos/content/_download.scss +17 -0
  148. data/_sass/centos/content/_sponsors.scss +9 -0
  149. data/_sass/centos/fonts/_montserrat.scss +256 -0
  150. data/_sass/centos/header/_home.scss +4 -0
  151. data/_sass/centos/header/_page.scss +4 -0
  152. data/_sass/centos/mixins/_content-card.scss +13 -0
  153. data/_sass/centos/mixins/_content-heading.scss +28 -0
  154. data/_sass/centos/mixins/_content-toc.scss +18 -0
  155. data/_sass/centos/mixins/_footer-link.scss +10 -0
  156. data/_sass/fontawesome/_animated.scss +20 -0
  157. data/_sass/fontawesome/_bordered-pulled.scss +20 -0
  158. data/_sass/fontawesome/_core.scss +21 -0
  159. data/_sass/fontawesome/_fixed-width.scss +6 -0
  160. data/_sass/fontawesome/_icons.scss +1462 -0
  161. data/_sass/fontawesome/_larger.scss +23 -0
  162. data/_sass/fontawesome/_list.scss +18 -0
  163. data/_sass/fontawesome/_mixins.scss +56 -0
  164. data/_sass/fontawesome/_rotated-flipped.scss +24 -0
  165. data/_sass/fontawesome/_screen-reader.scss +5 -0
  166. data/_sass/fontawesome/_shims.scss +2066 -0
  167. data/_sass/fontawesome/_stacked.scss +31 -0
  168. data/_sass/fontawesome/_variables.scss +1479 -0
  169. data/_sass/fontawesome/brands.scss +23 -0
  170. data/_sass/fontawesome/fontawesome.scss +16 -0
  171. data/_sass/fontawesome/regular.scss +23 -0
  172. data/_sass/fontawesome/solid.scss +24 -0
  173. data/_sass/fontawesome/v4-shims.scss +6 -0
  174. data/assets/css/centos.bootstrap.min.scss +4 -0
  175. data/assets/fonts/Montserrat/Montserrat-Black.woff +0 -0
  176. data/assets/fonts/Montserrat/Montserrat-Black.woff2 +0 -0
  177. data/assets/fonts/Montserrat/Montserrat-BlackItalic.woff +0 -0
  178. data/assets/fonts/Montserrat/Montserrat-BlackItalic.woff2 +0 -0
  179. data/assets/fonts/Montserrat/Montserrat-Bold.woff +0 -0
  180. data/assets/fonts/Montserrat/Montserrat-Bold.woff2 +0 -0
  181. data/assets/fonts/Montserrat/Montserrat-BoldItalic.woff +0 -0
  182. data/assets/fonts/Montserrat/Montserrat-BoldItalic.woff2 +0 -0
  183. data/assets/fonts/Montserrat/Montserrat-ExtraBold.woff +0 -0
  184. data/assets/fonts/Montserrat/Montserrat-ExtraBold.woff2 +0 -0
  185. data/assets/fonts/Montserrat/Montserrat-ExtraBoldItalic.woff +0 -0
  186. data/assets/fonts/Montserrat/Montserrat-ExtraBoldItalic.woff2 +0 -0
  187. data/assets/fonts/Montserrat/Montserrat-ExtraLight.woff +0 -0
  188. data/assets/fonts/Montserrat/Montserrat-ExtraLight.woff2 +0 -0
  189. data/assets/fonts/Montserrat/Montserrat-ExtraLightItalic.woff +0 -0
  190. data/assets/fonts/Montserrat/Montserrat-ExtraLightItalic.woff2 +0 -0
  191. data/assets/fonts/Montserrat/Montserrat-Italic.woff +0 -0
  192. data/assets/fonts/Montserrat/Montserrat-Italic.woff2 +0 -0
  193. data/assets/fonts/Montserrat/Montserrat-Light.woff +0 -0
  194. data/assets/fonts/Montserrat/Montserrat-Light.woff2 +0 -0
  195. data/assets/fonts/Montserrat/Montserrat-LightItalic.woff +0 -0
  196. data/assets/fonts/Montserrat/Montserrat-LightItalic.woff2 +0 -0
  197. data/assets/fonts/Montserrat/Montserrat-Medium.woff +0 -0
  198. data/assets/fonts/Montserrat/Montserrat-Medium.woff2 +0 -0
  199. data/assets/fonts/Montserrat/Montserrat-MediumItalic.woff +0 -0
  200. data/assets/fonts/Montserrat/Montserrat-MediumItalic.woff2 +0 -0
  201. data/assets/fonts/Montserrat/Montserrat-Regular.woff +0 -0
  202. data/assets/fonts/Montserrat/Montserrat-Regular.woff2 +0 -0
  203. data/assets/fonts/Montserrat/Montserrat-SemiBold.woff +0 -0
  204. data/assets/fonts/Montserrat/Montserrat-SemiBold.woff2 +0 -0
  205. data/assets/fonts/Montserrat/Montserrat-SemiBoldItalic.woff +0 -0
  206. data/assets/fonts/Montserrat/Montserrat-SemiBoldItalic.woff2 +0 -0
  207. data/assets/fonts/Montserrat/Montserrat-Thin.woff +0 -0
  208. data/assets/fonts/Montserrat/Montserrat-Thin.woff2 +0 -0
  209. data/assets/fonts/Montserrat/Montserrat-ThinItalic.woff +0 -0
  210. data/assets/fonts/Montserrat/Montserrat-ThinItalic.woff2 +0 -0
  211. data/assets/fonts/Montserrat/Montserrat.css +327 -0
  212. data/assets/fonts/Montserrat/MontserratAlternates-Black.woff +0 -0
  213. data/assets/fonts/Montserrat/MontserratAlternates-Black.woff2 +0 -0
  214. data/assets/fonts/Montserrat/MontserratAlternates-BlackItalic.woff +0 -0
  215. data/assets/fonts/Montserrat/MontserratAlternates-BlackItalic.woff2 +0 -0
  216. data/assets/fonts/Montserrat/MontserratAlternates-Bold.woff +0 -0
  217. data/assets/fonts/Montserrat/MontserratAlternates-Bold.woff2 +0 -0
  218. data/assets/fonts/Montserrat/MontserratAlternates-BoldItalic.woff +0 -0
  219. data/assets/fonts/Montserrat/MontserratAlternates-BoldItalic.woff2 +0 -0
  220. data/assets/fonts/Montserrat/MontserratAlternates-ExtraBold.woff +0 -0
  221. data/assets/fonts/Montserrat/MontserratAlternates-ExtraBold.woff2 +0 -0
  222. data/assets/fonts/Montserrat/MontserratAlternates-ExtraBoldItalic.woff +0 -0
  223. data/assets/fonts/Montserrat/MontserratAlternates-ExtraBoldItalic.woff2 +0 -0
  224. data/assets/fonts/Montserrat/MontserratAlternates-ExtraLight.woff +0 -0
  225. data/assets/fonts/Montserrat/MontserratAlternates-ExtraLight.woff2 +0 -0
  226. data/assets/fonts/Montserrat/MontserratAlternates-ExtraLightItalic.woff +0 -0
  227. data/assets/fonts/Montserrat/MontserratAlternates-ExtraLightItalic.woff2 +0 -0
  228. data/assets/fonts/Montserrat/MontserratAlternates-Italic.woff +0 -0
  229. data/assets/fonts/Montserrat/MontserratAlternates-Italic.woff2 +0 -0
  230. data/assets/fonts/Montserrat/MontserratAlternates-Light.woff +0 -0
  231. data/assets/fonts/Montserrat/MontserratAlternates-Light.woff2 +0 -0
  232. data/assets/fonts/Montserrat/MontserratAlternates-LightItalic.woff +0 -0
  233. data/assets/fonts/Montserrat/MontserratAlternates-LightItalic.woff2 +0 -0
  234. data/assets/fonts/Montserrat/MontserratAlternates-Medium.woff +0 -0
  235. data/assets/fonts/Montserrat/MontserratAlternates-Medium.woff2 +0 -0
  236. data/assets/fonts/Montserrat/MontserratAlternates-MediumItalic.woff +0 -0
  237. data/assets/fonts/Montserrat/MontserratAlternates-MediumItalic.woff2 +0 -0
  238. data/assets/fonts/Montserrat/MontserratAlternates-Regular.woff +0 -0
  239. data/assets/fonts/Montserrat/MontserratAlternates-Regular.woff2 +0 -0
  240. data/assets/fonts/Montserrat/MontserratAlternates-SemiBold.woff +0 -0
  241. data/assets/fonts/Montserrat/MontserratAlternates-SemiBold.woff2 +0 -0
  242. data/assets/fonts/Montserrat/MontserratAlternates-SemiBoldItalic.woff +0 -0
  243. data/assets/fonts/Montserrat/MontserratAlternates-SemiBoldItalic.woff2 +0 -0
  244. data/assets/fonts/Montserrat/MontserratAlternates-Thin.woff +0 -0
  245. data/assets/fonts/Montserrat/MontserratAlternates-Thin.woff2 +0 -0
  246. data/assets/fonts/Montserrat/MontserratAlternates-ThinItalic.woff +0 -0
  247. data/assets/fonts/Montserrat/MontserratAlternates-ThinItalic.woff2 +0 -0
  248. data/assets/fonts/Montserrat/README.MD +35 -0
  249. data/assets/fonts/fa-brands-400.eot +0 -0
  250. data/assets/fonts/fa-brands-400.svg +3717 -0
  251. data/assets/fonts/fa-brands-400.ttf +0 -0
  252. data/assets/fonts/fa-brands-400.woff +0 -0
  253. data/assets/fonts/fa-brands-400.woff2 +0 -0
  254. data/assets/fonts/fa-regular-400.eot +0 -0
  255. data/assets/fonts/fa-regular-400.svg +801 -0
  256. data/assets/fonts/fa-regular-400.ttf +0 -0
  257. data/assets/fonts/fa-regular-400.woff +0 -0
  258. data/assets/fonts/fa-regular-400.woff2 +0 -0
  259. data/assets/fonts/fa-solid-900.eot +0 -0
  260. data/assets/fonts/fa-solid-900.svg +5028 -0
  261. data/assets/fonts/fa-solid-900.ttf +0 -0
  262. data/assets/fonts/fa-solid-900.woff +0 -0
  263. data/assets/fonts/fa-solid-900.woff2 +0 -0
  264. data/assets/img/centos-logo-white.png +0 -0
  265. data/assets/img/centos-motif.png +0 -0
  266. data/assets/img/favicon.png +0 -0
  267. data/assets/js/bootstrap.min.js +7 -0
  268. data/assets/js/bootstrap.min.js.map +1 -0
  269. data/assets/js/dataTables.bootstrap4.min.js +14 -0
  270. data/assets/js/jquery.dataTables.min.js +184 -0
  271. data/assets/js/jquery.min.js +2 -0
  272. data/assets/js/jquery.rss.js +11 -0
  273. data/assets/js/moment.min.js +7 -0
  274. metadata +357 -0
@@ -0,0 +1,125 @@
1
+ // stylelint-disable declaration-no-important, selector-list-comma-newline-after
2
+
3
+ //
4
+ // Headings
5
+ //
6
+
7
+ h1, h2, h3, h4, h5, h6,
8
+ .h1, .h2, .h3, .h4, .h5, .h6 {
9
+ margin-bottom: $headings-margin-bottom;
10
+ font-family: $headings-font-family;
11
+ font-weight: $headings-font-weight;
12
+ line-height: $headings-line-height;
13
+ color: $headings-color;
14
+ }
15
+
16
+ h1, .h1 { @include font-size($h1-font-size); }
17
+ h2, .h2 { @include font-size($h2-font-size); }
18
+ h3, .h3 { @include font-size($h3-font-size); }
19
+ h4, .h4 { @include font-size($h4-font-size); }
20
+ h5, .h5 { @include font-size($h5-font-size); }
21
+ h6, .h6 { @include font-size($h6-font-size); }
22
+
23
+ .lead {
24
+ @include font-size($lead-font-size);
25
+ font-weight: $lead-font-weight;
26
+ }
27
+
28
+ // Type display classes
29
+ .display-1 {
30
+ @include font-size($display1-size);
31
+ font-weight: $display1-weight;
32
+ line-height: $display-line-height;
33
+ }
34
+ .display-2 {
35
+ @include font-size($display2-size);
36
+ font-weight: $display2-weight;
37
+ line-height: $display-line-height;
38
+ }
39
+ .display-3 {
40
+ @include font-size($display3-size);
41
+ font-weight: $display3-weight;
42
+ line-height: $display-line-height;
43
+ }
44
+ .display-4 {
45
+ @include font-size($display4-size);
46
+ font-weight: $display4-weight;
47
+ line-height: $display-line-height;
48
+ }
49
+
50
+
51
+ //
52
+ // Horizontal rules
53
+ //
54
+
55
+ hr {
56
+ margin-top: $hr-margin-y;
57
+ margin-bottom: $hr-margin-y;
58
+ border: 0;
59
+ border-top: $hr-border-width solid $hr-border-color;
60
+ }
61
+
62
+
63
+ //
64
+ // Emphasis
65
+ //
66
+
67
+ small,
68
+ .small {
69
+ @include font-size($small-font-size);
70
+ font-weight: $font-weight-normal;
71
+ }
72
+
73
+ mark,
74
+ .mark {
75
+ padding: $mark-padding;
76
+ background-color: $mark-bg;
77
+ }
78
+
79
+
80
+ //
81
+ // Lists
82
+ //
83
+
84
+ .list-unstyled {
85
+ @include list-unstyled();
86
+ }
87
+
88
+ // Inline turns list items into inline-block
89
+ .list-inline {
90
+ @include list-unstyled();
91
+ }
92
+ .list-inline-item {
93
+ display: inline-block;
94
+
95
+ &:not(:last-child) {
96
+ margin-right: $list-inline-padding;
97
+ }
98
+ }
99
+
100
+
101
+ //
102
+ // Misc
103
+ //
104
+
105
+ // Builds on `abbr`
106
+ .initialism {
107
+ @include font-size(90%);
108
+ text-transform: uppercase;
109
+ }
110
+
111
+ // Blockquotes
112
+ .blockquote {
113
+ margin-bottom: $spacer;
114
+ @include font-size($blockquote-font-size);
115
+ }
116
+
117
+ .blockquote-footer {
118
+ display: block;
119
+ @include font-size($blockquote-small-font-size);
120
+ color: $blockquote-small-color;
121
+
122
+ &::before {
123
+ content: "\2014\00A0"; // em dash, nbsp
124
+ }
125
+ }
@@ -0,0 +1,18 @@
1
+ @import "utilities/align";
2
+ @import "utilities/background";
3
+ @import "utilities/borders";
4
+ @import "utilities/clearfix";
5
+ @import "utilities/display";
6
+ @import "utilities/embed";
7
+ @import "utilities/flex";
8
+ @import "utilities/float";
9
+ @import "utilities/interactions";
10
+ @import "utilities/overflow";
11
+ @import "utilities/position";
12
+ @import "utilities/screenreaders";
13
+ @import "utilities/shadows";
14
+ @import "utilities/sizing";
15
+ @import "utilities/spacing";
16
+ @import "utilities/stretched-link";
17
+ @import "utilities/text";
18
+ @import "utilities/visibility";
@@ -0,0 +1,1142 @@
1
+ // Variables
2
+ //
3
+ // Variables should follow the `$component-state-property-size` formula for
4
+ // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
5
+
6
+ // Color system
7
+
8
+ $white: #fff !default;
9
+ $gray-100: #f8f9fa !default;
10
+ $gray-200: #e9ecef !default;
11
+ $gray-300: #dee2e6 !default;
12
+ $gray-400: #ced4da !default;
13
+ $gray-500: #adb5bd !default;
14
+ $gray-600: #6c757d !default;
15
+ $gray-700: #495057 !default;
16
+ $gray-800: #343a40 !default;
17
+ $gray-900: #212529 !default;
18
+ $black: #000 !default;
19
+
20
+ $grays: () !default;
21
+ $grays: map-merge(
22
+ (
23
+ "100": $gray-100,
24
+ "200": $gray-200,
25
+ "300": $gray-300,
26
+ "400": $gray-400,
27
+ "500": $gray-500,
28
+ "600": $gray-600,
29
+ "700": $gray-700,
30
+ "800": $gray-800,
31
+ "900": $gray-900
32
+ ),
33
+ $grays
34
+ );
35
+
36
+ $blue: #007bff !default;
37
+ $indigo: #6610f2 !default;
38
+ $purple: #6f42c1 !default;
39
+ $pink: #e83e8c !default;
40
+ $red: #dc3545 !default;
41
+ $orange: #fd7e14 !default;
42
+ $yellow: #ffc107 !default;
43
+ $green: #28a745 !default;
44
+ $teal: #20c997 !default;
45
+ $cyan: #17a2b8 !default;
46
+
47
+ $colors: () !default;
48
+ $colors: map-merge(
49
+ (
50
+ "blue": $blue,
51
+ "indigo": $indigo,
52
+ "purple": $purple,
53
+ "pink": $pink,
54
+ "red": $red,
55
+ "orange": $orange,
56
+ "yellow": $yellow,
57
+ "green": $green,
58
+ "teal": $teal,
59
+ "cyan": $cyan,
60
+ "white": $white,
61
+ "gray": $gray-600,
62
+ "gray-dark": $gray-800
63
+ ),
64
+ $colors
65
+ );
66
+
67
+ $primary: $blue !default;
68
+ $secondary: $gray-600 !default;
69
+ $success: $green !default;
70
+ $info: $cyan !default;
71
+ $warning: $yellow !default;
72
+ $danger: $red !default;
73
+ $light: $gray-100 !default;
74
+ $dark: $gray-800 !default;
75
+
76
+ $theme-colors: () !default;
77
+ $theme-colors: map-merge(
78
+ (
79
+ "primary": $primary,
80
+ "secondary": $secondary,
81
+ "success": $success,
82
+ "info": $info,
83
+ "warning": $warning,
84
+ "danger": $danger,
85
+ "light": $light,
86
+ "dark": $dark
87
+ ),
88
+ $theme-colors
89
+ );
90
+
91
+ // Set a specific jump point for requesting color jumps
92
+ $theme-color-interval: 8% !default;
93
+
94
+ // The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
95
+ $yiq-contrasted-threshold: 150 !default;
96
+
97
+ // Customize the light and dark text colors for use in our YIQ color contrast function.
98
+ $yiq-text-dark: $gray-900 !default;
99
+ $yiq-text-light: $white !default;
100
+
101
+ // Characters which are escaped by the escape-svg function
102
+ $escaped-characters: (
103
+ ("<", "%3c"),
104
+ (">", "%3e"),
105
+ ("#", "%23"),
106
+ ("(", "%28"),
107
+ (")", "%29"),
108
+ ) !default;
109
+
110
+
111
+ // Options
112
+ //
113
+ // Quickly modify global styling by enabling or disabling optional features.
114
+
115
+ $enable-caret: true !default;
116
+ $enable-rounded: true !default;
117
+ $enable-shadows: false !default;
118
+ $enable-gradients: false !default;
119
+ $enable-transitions: true !default;
120
+ $enable-prefers-reduced-motion-media-query: true !default;
121
+ $enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS
122
+ $enable-grid-classes: true !default;
123
+ $enable-pointer-cursor-for-buttons: true !default;
124
+ $enable-print-styles: true !default;
125
+ $enable-responsive-font-sizes: false !default;
126
+ $enable-validation-icons: true !default;
127
+ $enable-deprecation-messages: true !default;
128
+
129
+
130
+ // Spacing
131
+ //
132
+ // Control the default styling of most Bootstrap elements by modifying these
133
+ // variables. Mostly focused on spacing.
134
+ // You can add more entries to the $spacers map, should you need more variation.
135
+
136
+ $spacer: 1rem !default;
137
+ $spacers: () !default;
138
+ $spacers: map-merge(
139
+ (
140
+ 0: 0,
141
+ 1: ($spacer * .25),
142
+ 2: ($spacer * .5),
143
+ 3: $spacer,
144
+ 4: ($spacer * 1.5),
145
+ 5: ($spacer * 3)
146
+ ),
147
+ $spacers
148
+ );
149
+
150
+ // This variable affects the `.h-*` and `.w-*` classes.
151
+ $sizes: () !default;
152
+ $sizes: map-merge(
153
+ (
154
+ 25: 25%,
155
+ 50: 50%,
156
+ 75: 75%,
157
+ 100: 100%,
158
+ auto: auto
159
+ ),
160
+ $sizes
161
+ );
162
+
163
+
164
+ // Body
165
+ //
166
+ // Settings for the `<body>` element.
167
+
168
+ $body-bg: $white !default;
169
+ $body-color: $gray-900 !default;
170
+
171
+
172
+ // Links
173
+ //
174
+ // Style anchor elements.
175
+
176
+ $link-color: theme-color("primary") !default;
177
+ $link-decoration: none !default;
178
+ $link-hover-color: darken($link-color, 15%) !default;
179
+ $link-hover-decoration: underline !default;
180
+ // Darken percentage for links with `.text-*` class (e.g. `.text-success`)
181
+ $emphasized-link-hover-darken-percentage: 15% !default;
182
+
183
+ // Paragraphs
184
+ //
185
+ // Style p element.
186
+
187
+ $paragraph-margin-bottom: 1rem !default;
188
+
189
+
190
+ // Grid breakpoints
191
+ //
192
+ // Define the minimum dimensions at which your layout will change,
193
+ // adapting to different screen sizes, for use in media queries.
194
+
195
+ $grid-breakpoints: (
196
+ xs: 0,
197
+ sm: 576px,
198
+ md: 768px,
199
+ lg: 992px,
200
+ xl: 1200px
201
+ ) !default;
202
+
203
+ @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
204
+ @include _assert-starts-at-zero($grid-breakpoints, "$grid-breakpoints");
205
+
206
+
207
+ // Grid containers
208
+ //
209
+ // Define the maximum width of `.container` for different screen sizes.
210
+
211
+ $container-max-widths: (
212
+ sm: 540px,
213
+ md: 720px,
214
+ lg: 960px,
215
+ xl: 1140px
216
+ ) !default;
217
+
218
+ @include _assert-ascending($container-max-widths, "$container-max-widths");
219
+
220
+
221
+ // Grid columns
222
+ //
223
+ // Set the number of columns and specify the width of the gutters.
224
+
225
+ $grid-columns: 12 !default;
226
+ $grid-gutter-width: 30px !default;
227
+ $grid-row-columns: 6 !default;
228
+
229
+
230
+ // Components
231
+ //
232
+ // Define common padding and border radius sizes and more.
233
+
234
+ $line-height-lg: 1.5 !default;
235
+ $line-height-sm: 1.5 !default;
236
+
237
+ $border-width: 1px !default;
238
+ $border-color: $gray-300 !default;
239
+
240
+ $border-radius: .25rem !default;
241
+ $border-radius-lg: .3rem !default;
242
+ $border-radius-sm: .2rem !default;
243
+
244
+ $rounded-pill: 50rem !default;
245
+
246
+ $box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;
247
+ $box-shadow: 0 .5rem 1rem rgba($black, .15) !default;
248
+ $box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;
249
+
250
+ $component-active-color: $white !default;
251
+ $component-active-bg: theme-color("primary") !default;
252
+
253
+ $caret-width: .3em !default;
254
+ $caret-vertical-align: $caret-width * .85 !default;
255
+ $caret-spacing: $caret-width * .85 !default;
256
+
257
+ $transition-base: all .2s ease-in-out !default;
258
+ $transition-fade: opacity .15s linear !default;
259
+ $transition-collapse: height .35s ease !default;
260
+
261
+ $embed-responsive-aspect-ratios: () !default;
262
+ $embed-responsive-aspect-ratios: join(
263
+ (
264
+ (21 9),
265
+ (16 9),
266
+ (4 3),
267
+ (1 1),
268
+ ),
269
+ $embed-responsive-aspect-ratios
270
+ );
271
+
272
+ // Typography
273
+ //
274
+ // Font, line-height, and color for body text, headings, and more.
275
+
276
+ // stylelint-disable value-keyword-case
277
+ $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
278
+ $font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
279
+ $font-family-base: $font-family-sans-serif !default;
280
+ // stylelint-enable value-keyword-case
281
+
282
+ $font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
283
+ $font-size-lg: $font-size-base * 1.25 !default;
284
+ $font-size-sm: $font-size-base * .875 !default;
285
+
286
+ $font-weight-lighter: lighter !default;
287
+ $font-weight-light: 300 !default;
288
+ $font-weight-normal: 400 !default;
289
+ $font-weight-bold: 700 !default;
290
+ $font-weight-bolder: bolder !default;
291
+
292
+ $font-weight-base: $font-weight-normal !default;
293
+ $line-height-base: 1.5 !default;
294
+
295
+ $h1-font-size: $font-size-base * 2.5 !default;
296
+ $h2-font-size: $font-size-base * 2 !default;
297
+ $h3-font-size: $font-size-base * 1.75 !default;
298
+ $h4-font-size: $font-size-base * 1.5 !default;
299
+ $h5-font-size: $font-size-base * 1.25 !default;
300
+ $h6-font-size: $font-size-base !default;
301
+
302
+ $headings-margin-bottom: $spacer / 2 !default;
303
+ $headings-font-family: null !default;
304
+ $headings-font-weight: 500 !default;
305
+ $headings-line-height: 1.2 !default;
306
+ $headings-color: null !default;
307
+
308
+ $display1-size: 6rem !default;
309
+ $display2-size: 5.5rem !default;
310
+ $display3-size: 4.5rem !default;
311
+ $display4-size: 3.5rem !default;
312
+
313
+ $display1-weight: 300 !default;
314
+ $display2-weight: 300 !default;
315
+ $display3-weight: 300 !default;
316
+ $display4-weight: 300 !default;
317
+ $display-line-height: $headings-line-height !default;
318
+
319
+ $lead-font-size: $font-size-base * 1.25 !default;
320
+ $lead-font-weight: 300 !default;
321
+
322
+ $small-font-size: 80% !default;
323
+
324
+ $text-muted: $gray-600 !default;
325
+
326
+ $blockquote-small-color: $gray-600 !default;
327
+ $blockquote-small-font-size: $small-font-size !default;
328
+ $blockquote-font-size: $font-size-base * 1.25 !default;
329
+
330
+ $hr-border-color: rgba($black, .1) !default;
331
+ $hr-border-width: $border-width !default;
332
+
333
+ $mark-padding: .2em !default;
334
+
335
+ $dt-font-weight: $font-weight-bold !default;
336
+
337
+ $kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;
338
+ $nested-kbd-font-weight: $font-weight-bold !default;
339
+
340
+ $list-inline-padding: .5rem !default;
341
+
342
+ $mark-bg: #fcf8e3 !default;
343
+
344
+ $hr-margin-y: $spacer !default;
345
+
346
+
347
+ // Tables
348
+ //
349
+ // Customizes the `.table` component with basic values, each used across all table variations.
350
+
351
+ $table-cell-padding: .75rem !default;
352
+ $table-cell-padding-sm: .3rem !default;
353
+
354
+ $table-color: $body-color !default;
355
+ $table-bg: null !default;
356
+ $table-accent-bg: rgba($black, .05) !default;
357
+ $table-hover-color: $table-color !default;
358
+ $table-hover-bg: rgba($black, .075) !default;
359
+ $table-active-bg: $table-hover-bg !default;
360
+
361
+ $table-border-width: $border-width !default;
362
+ $table-border-color: $border-color !default;
363
+
364
+ $table-head-bg: $gray-200 !default;
365
+ $table-head-color: $gray-700 !default;
366
+ $table-th-font-weight: null !default;
367
+
368
+ $table-dark-color: $white !default;
369
+ $table-dark-bg: $gray-800 !default;
370
+ $table-dark-accent-bg: rgba($white, .05) !default;
371
+ $table-dark-hover-color: $table-dark-color !default;
372
+ $table-dark-hover-bg: rgba($white, .075) !default;
373
+ $table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;
374
+
375
+ $table-striped-order: odd !default;
376
+
377
+ $table-caption-color: $text-muted !default;
378
+
379
+ $table-bg-level: -9 !default;
380
+ $table-border-level: -6 !default;
381
+
382
+
383
+ // Buttons + Forms
384
+ //
385
+ // Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
386
+
387
+ $input-btn-padding-y: .375rem !default;
388
+ $input-btn-padding-x: .75rem !default;
389
+ $input-btn-font-family: null !default;
390
+ $input-btn-font-size: $font-size-base !default;
391
+ $input-btn-line-height: $line-height-base !default;
392
+
393
+ $input-btn-focus-width: .2rem !default;
394
+ $input-btn-focus-color: rgba($component-active-bg, .25) !default;
395
+ $input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
396
+
397
+ $input-btn-padding-y-sm: .25rem !default;
398
+ $input-btn-padding-x-sm: .5rem !default;
399
+ $input-btn-font-size-sm: $font-size-sm !default;
400
+ $input-btn-line-height-sm: $line-height-sm !default;
401
+
402
+ $input-btn-padding-y-lg: .5rem !default;
403
+ $input-btn-padding-x-lg: 1rem !default;
404
+ $input-btn-font-size-lg: $font-size-lg !default;
405
+ $input-btn-line-height-lg: $line-height-lg !default;
406
+
407
+ $input-btn-border-width: $border-width !default;
408
+
409
+
410
+ // Buttons
411
+ //
412
+ // For each of Bootstrap's buttons, define text, background, and border color.
413
+
414
+ $btn-padding-y: $input-btn-padding-y !default;
415
+ $btn-padding-x: $input-btn-padding-x !default;
416
+ $btn-font-family: $input-btn-font-family !default;
417
+ $btn-font-size: $input-btn-font-size !default;
418
+ $btn-line-height: $input-btn-line-height !default;
419
+ $btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping
420
+
421
+ $btn-padding-y-sm: $input-btn-padding-y-sm !default;
422
+ $btn-padding-x-sm: $input-btn-padding-x-sm !default;
423
+ $btn-font-size-sm: $input-btn-font-size-sm !default;
424
+ $btn-line-height-sm: $input-btn-line-height-sm !default;
425
+
426
+ $btn-padding-y-lg: $input-btn-padding-y-lg !default;
427
+ $btn-padding-x-lg: $input-btn-padding-x-lg !default;
428
+ $btn-font-size-lg: $input-btn-font-size-lg !default;
429
+ $btn-line-height-lg: $input-btn-line-height-lg !default;
430
+
431
+ $btn-border-width: $input-btn-border-width !default;
432
+
433
+ $btn-font-weight: $font-weight-normal !default;
434
+ $btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;
435
+ $btn-focus-width: $input-btn-focus-width !default;
436
+ $btn-focus-box-shadow: $input-btn-focus-box-shadow !default;
437
+ $btn-disabled-opacity: .65 !default;
438
+ $btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;
439
+
440
+ $btn-link-disabled-color: $gray-600 !default;
441
+
442
+ $btn-block-spacing-y: .5rem !default;
443
+
444
+ // Allows for customizing button radius independently from global border radius
445
+ $btn-border-radius: $border-radius !default;
446
+ $btn-border-radius-lg: $border-radius-lg !default;
447
+ $btn-border-radius-sm: $border-radius-sm !default;
448
+
449
+ $btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
450
+
451
+
452
+ // Forms
453
+
454
+ $label-margin-bottom: .5rem !default;
455
+
456
+ $input-padding-y: $input-btn-padding-y !default;
457
+ $input-padding-x: $input-btn-padding-x !default;
458
+ $input-font-family: $input-btn-font-family !default;
459
+ $input-font-size: $input-btn-font-size !default;
460
+ $input-font-weight: $font-weight-base !default;
461
+ $input-line-height: $input-btn-line-height !default;
462
+
463
+ $input-padding-y-sm: $input-btn-padding-y-sm !default;
464
+ $input-padding-x-sm: $input-btn-padding-x-sm !default;
465
+ $input-font-size-sm: $input-btn-font-size-sm !default;
466
+ $input-line-height-sm: $input-btn-line-height-sm !default;
467
+
468
+ $input-padding-y-lg: $input-btn-padding-y-lg !default;
469
+ $input-padding-x-lg: $input-btn-padding-x-lg !default;
470
+ $input-font-size-lg: $input-btn-font-size-lg !default;
471
+ $input-line-height-lg: $input-btn-line-height-lg !default;
472
+
473
+ $input-bg: $white !default;
474
+ $input-disabled-bg: $gray-200 !default;
475
+
476
+ $input-color: $gray-700 !default;
477
+ $input-border-color: $gray-400 !default;
478
+ $input-border-width: $input-btn-border-width !default;
479
+ $input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;
480
+
481
+ $input-border-radius: $border-radius !default;
482
+ $input-border-radius-lg: $border-radius-lg !default;
483
+ $input-border-radius-sm: $border-radius-sm !default;
484
+
485
+ $input-focus-bg: $input-bg !default;
486
+ $input-focus-border-color: lighten($component-active-bg, 25%) !default;
487
+ $input-focus-color: $input-color !default;
488
+ $input-focus-width: $input-btn-focus-width !default;
489
+ $input-focus-box-shadow: $input-btn-focus-box-shadow !default;
490
+
491
+ $input-placeholder-color: $gray-600 !default;
492
+ $input-plaintext-color: $body-color !default;
493
+
494
+ $input-height-border: $input-border-width * 2 !default;
495
+
496
+ $input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;
497
+ $input-height-inner-half: add($input-line-height * .5em, $input-padding-y) !default;
498
+ $input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y / 2) !default;
499
+
500
+ $input-height: add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;
501
+ $input-height-sm: add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;
502
+ $input-height-lg: add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;
503
+
504
+ $input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
505
+
506
+ $form-text-margin-top: .25rem !default;
507
+
508
+ $form-check-input-gutter: 1.25rem !default;
509
+ $form-check-input-margin-y: .3rem !default;
510
+ $form-check-input-margin-x: .25rem !default;
511
+
512
+ $form-check-inline-margin-x: .75rem !default;
513
+ $form-check-inline-input-margin-x: .3125rem !default;
514
+
515
+ $form-grid-gutter-width: 10px !default;
516
+ $form-group-margin-bottom: 1rem !default;
517
+
518
+ $input-group-addon-color: $input-color !default;
519
+ $input-group-addon-bg: $gray-200 !default;
520
+ $input-group-addon-border-color: $input-border-color !default;
521
+
522
+ $custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
523
+
524
+ $custom-control-gutter: .5rem !default;
525
+ $custom-control-spacer-x: 1rem !default;
526
+ $custom-control-cursor: null !default;
527
+
528
+ $custom-control-indicator-size: 1rem !default;
529
+ $custom-control-indicator-bg: $input-bg !default;
530
+
531
+ $custom-control-indicator-bg-size: 50% 50% !default;
532
+ $custom-control-indicator-box-shadow: $input-box-shadow !default;
533
+ $custom-control-indicator-border-color: $gray-500 !default;
534
+ $custom-control-indicator-border-width: $input-border-width !default;
535
+
536
+ $custom-control-label-color: null !default;
537
+
538
+ $custom-control-indicator-disabled-bg: $input-disabled-bg !default;
539
+ $custom-control-label-disabled-color: $gray-600 !default;
540
+
541
+ $custom-control-indicator-checked-color: $component-active-color !default;
542
+ $custom-control-indicator-checked-bg: $component-active-bg !default;
543
+ $custom-control-indicator-checked-disabled-bg: rgba(theme-color("primary"), .5) !default;
544
+ $custom-control-indicator-checked-box-shadow: null !default;
545
+ $custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;
546
+
547
+ $custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;
548
+ $custom-control-indicator-focus-border-color: $input-focus-border-color !default;
549
+
550
+ $custom-control-indicator-active-color: $component-active-color !default;
551
+ $custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;
552
+ $custom-control-indicator-active-box-shadow: null !default;
553
+ $custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;
554
+
555
+ $custom-checkbox-indicator-border-radius: $border-radius !default;
556
+ $custom-checkbox-indicator-icon-checked: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>") !default;
557
+
558
+ $custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;
559
+ $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
560
+ $custom-checkbox-indicator-icon-indeterminate: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/></svg>") !default;
561
+ $custom-checkbox-indicator-indeterminate-box-shadow: null !default;
562
+ $custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;
563
+
564
+ $custom-radio-indicator-border-radius: 50% !default;
565
+ $custom-radio-indicator-icon-checked: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>") !default;
566
+
567
+ $custom-switch-width: $custom-control-indicator-size * 1.75 !default;
568
+ $custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;
569
+ $custom-switch-indicator-size: subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;
570
+
571
+ $custom-select-padding-y: $input-padding-y !default;
572
+ $custom-select-padding-x: $input-padding-x !default;
573
+ $custom-select-font-family: $input-font-family !default;
574
+ $custom-select-font-size: $input-font-size !default;
575
+ $custom-select-height: $input-height !default;
576
+ $custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator
577
+ $custom-select-font-weight: $input-font-weight !default;
578
+ $custom-select-line-height: $input-line-height !default;
579
+ $custom-select-color: $input-color !default;
580
+ $custom-select-disabled-color: $gray-600 !default;
581
+ $custom-select-bg: $input-bg !default;
582
+ $custom-select-disabled-bg: $gray-200 !default;
583
+ $custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions
584
+ $custom-select-indicator-color: $gray-800 !default;
585
+ $custom-select-indicator: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>") !default;
586
+ $custom-select-background: escape-svg($custom-select-indicator) no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)
587
+
588
+ $custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;
589
+ $custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;
590
+ $custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;
591
+
592
+ $custom-select-border-width: $input-border-width !default;
593
+ $custom-select-border-color: $input-border-color !default;
594
+ $custom-select-border-radius: $border-radius !default;
595
+ $custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;
596
+
597
+ $custom-select-focus-border-color: $input-focus-border-color !default;
598
+ $custom-select-focus-width: $input-focus-width !default;
599
+ $custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;
600
+
601
+ $custom-select-padding-y-sm: $input-padding-y-sm !default;
602
+ $custom-select-padding-x-sm: $input-padding-x-sm !default;
603
+ $custom-select-font-size-sm: $input-font-size-sm !default;
604
+ $custom-select-height-sm: $input-height-sm !default;
605
+
606
+ $custom-select-padding-y-lg: $input-padding-y-lg !default;
607
+ $custom-select-padding-x-lg: $input-padding-x-lg !default;
608
+ $custom-select-font-size-lg: $input-font-size-lg !default;
609
+ $custom-select-height-lg: $input-height-lg !default;
610
+
611
+ $custom-range-track-width: 100% !default;
612
+ $custom-range-track-height: .5rem !default;
613
+ $custom-range-track-cursor: pointer !default;
614
+ $custom-range-track-bg: $gray-300 !default;
615
+ $custom-range-track-border-radius: 1rem !default;
616
+ $custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;
617
+
618
+ $custom-range-thumb-width: 1rem !default;
619
+ $custom-range-thumb-height: $custom-range-thumb-width !default;
620
+ $custom-range-thumb-bg: $component-active-bg !default;
621
+ $custom-range-thumb-border: 0 !default;
622
+ $custom-range-thumb-border-radius: 1rem !default;
623
+ $custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;
624
+ $custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;
625
+ $custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge
626
+ $custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;
627
+ $custom-range-thumb-disabled-bg: $gray-500 !default;
628
+
629
+ $custom-file-height: $input-height !default;
630
+ $custom-file-height-inner: $input-height-inner !default;
631
+ $custom-file-focus-border-color: $input-focus-border-color !default;
632
+ $custom-file-focus-box-shadow: $input-focus-box-shadow !default;
633
+ $custom-file-disabled-bg: $input-disabled-bg !default;
634
+
635
+ $custom-file-padding-y: $input-padding-y !default;
636
+ $custom-file-padding-x: $input-padding-x !default;
637
+ $custom-file-line-height: $input-line-height !default;
638
+ $custom-file-font-family: $input-font-family !default;
639
+ $custom-file-font-weight: $input-font-weight !default;
640
+ $custom-file-color: $input-color !default;
641
+ $custom-file-bg: $input-bg !default;
642
+ $custom-file-border-width: $input-border-width !default;
643
+ $custom-file-border-color: $input-border-color !default;
644
+ $custom-file-border-radius: $input-border-radius !default;
645
+ $custom-file-box-shadow: $input-box-shadow !default;
646
+ $custom-file-button-color: $custom-file-color !default;
647
+ $custom-file-button-bg: $input-group-addon-bg !default;
648
+ $custom-file-text: (
649
+ en: "Browse"
650
+ ) !default;
651
+
652
+
653
+ // Form validation
654
+
655
+ $form-feedback-margin-top: $form-text-margin-top !default;
656
+ $form-feedback-font-size: $small-font-size !default;
657
+ $form-feedback-valid-color: theme-color("success") !default;
658
+ $form-feedback-invalid-color: theme-color("danger") !default;
659
+
660
+ $form-feedback-icon-valid-color: $form-feedback-valid-color !default;
661
+ $form-feedback-icon-valid: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>") !default;
662
+ $form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;
663
+ $form-feedback-icon-invalid: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>") !default;
664
+
665
+ $form-validation-states: () !default;
666
+ $form-validation-states: map-merge(
667
+ (
668
+ "valid": (
669
+ "color": $form-feedback-valid-color,
670
+ "icon": $form-feedback-icon-valid
671
+ ),
672
+ "invalid": (
673
+ "color": $form-feedback-invalid-color,
674
+ "icon": $form-feedback-icon-invalid
675
+ ),
676
+ ),
677
+ $form-validation-states
678
+ );
679
+
680
+ // Z-index master list
681
+ //
682
+ // Warning: Avoid customizing these values. They're used for a bird's eye view
683
+ // of components dependent on the z-axis and are designed to all work together.
684
+
685
+ $zindex-dropdown: 1000 !default;
686
+ $zindex-sticky: 1020 !default;
687
+ $zindex-fixed: 1030 !default;
688
+ $zindex-modal-backdrop: 1040 !default;
689
+ $zindex-modal: 1050 !default;
690
+ $zindex-popover: 1060 !default;
691
+ $zindex-tooltip: 1070 !default;
692
+
693
+
694
+ // Navs
695
+
696
+ $nav-link-padding-y: .5rem !default;
697
+ $nav-link-padding-x: 1rem !default;
698
+ $nav-link-disabled-color: $gray-600 !default;
699
+
700
+ $nav-tabs-border-color: $gray-300 !default;
701
+ $nav-tabs-border-width: $border-width !default;
702
+ $nav-tabs-border-radius: $border-radius !default;
703
+ $nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;
704
+ $nav-tabs-link-active-color: $gray-700 !default;
705
+ $nav-tabs-link-active-bg: $body-bg !default;
706
+ $nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;
707
+
708
+ $nav-pills-border-radius: $border-radius !default;
709
+ $nav-pills-link-active-color: $component-active-color !default;
710
+ $nav-pills-link-active-bg: $component-active-bg !default;
711
+
712
+ $nav-divider-color: $gray-200 !default;
713
+ $nav-divider-margin-y: $spacer / 2 !default;
714
+
715
+
716
+ // Navbar
717
+
718
+ $navbar-padding-y: $spacer / 2 !default;
719
+ $navbar-padding-x: $spacer !default;
720
+
721
+ $navbar-nav-link-padding-x: .5rem !default;
722
+
723
+ $navbar-brand-font-size: $font-size-lg !default;
724
+ // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
725
+ $nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;
726
+ $navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;
727
+ $navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;
728
+
729
+ $navbar-toggler-padding-y: .25rem !default;
730
+ $navbar-toggler-padding-x: .75rem !default;
731
+ $navbar-toggler-font-size: $font-size-lg !default;
732
+ $navbar-toggler-border-radius: $btn-border-radius !default;
733
+
734
+ $navbar-dark-color: rgba($white, .5) !default;
735
+ $navbar-dark-hover-color: rgba($white, .75) !default;
736
+ $navbar-dark-active-color: $white !default;
737
+ $navbar-dark-disabled-color: rgba($white, .25) !default;
738
+ $navbar-dark-toggler-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") !default;
739
+ $navbar-dark-toggler-border-color: rgba($white, .1) !default;
740
+
741
+ $navbar-light-color: rgba($black, .5) !default;
742
+ $navbar-light-hover-color: rgba($black, .7) !default;
743
+ $navbar-light-active-color: rgba($black, .9) !default;
744
+ $navbar-light-disabled-color: rgba($black, .3) !default;
745
+ $navbar-light-toggler-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") !default;
746
+ $navbar-light-toggler-border-color: rgba($black, .1) !default;
747
+
748
+ $navbar-light-brand-color: $navbar-light-active-color !default;
749
+ $navbar-light-brand-hover-color: $navbar-light-active-color !default;
750
+ $navbar-dark-brand-color: $navbar-dark-active-color !default;
751
+ $navbar-dark-brand-hover-color: $navbar-dark-active-color !default;
752
+
753
+
754
+ // Dropdowns
755
+ //
756
+ // Dropdown menu container and contents.
757
+
758
+ $dropdown-min-width: 10rem !default;
759
+ $dropdown-padding-x: 0 !default;
760
+ $dropdown-padding-y: .5rem !default;
761
+ $dropdown-spacer: .125rem !default;
762
+ $dropdown-font-size: $font-size-base !default;
763
+ $dropdown-color: $body-color !default;
764
+ $dropdown-bg: $white !default;
765
+ $dropdown-border-color: rgba($black, .15) !default;
766
+ $dropdown-border-radius: $border-radius !default;
767
+ $dropdown-border-width: $border-width !default;
768
+ $dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;
769
+ $dropdown-divider-bg: $gray-200 !default;
770
+ $dropdown-divider-margin-y: $nav-divider-margin-y !default;
771
+ $dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;
772
+
773
+ $dropdown-link-color: $gray-900 !default;
774
+ $dropdown-link-hover-color: darken($gray-900, 5%) !default;
775
+ $dropdown-link-hover-bg: $gray-100 !default;
776
+
777
+ $dropdown-link-active-color: $component-active-color !default;
778
+ $dropdown-link-active-bg: $component-active-bg !default;
779
+
780
+ $dropdown-link-disabled-color: $gray-600 !default;
781
+
782
+ $dropdown-item-padding-y: .25rem !default;
783
+ $dropdown-item-padding-x: 1.5rem !default;
784
+
785
+ $dropdown-header-color: $gray-600 !default;
786
+ $dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;
787
+
788
+
789
+ // Pagination
790
+
791
+ $pagination-padding-y: .5rem !default;
792
+ $pagination-padding-x: .75rem !default;
793
+ $pagination-padding-y-sm: .25rem !default;
794
+ $pagination-padding-x-sm: .5rem !default;
795
+ $pagination-padding-y-lg: .75rem !default;
796
+ $pagination-padding-x-lg: 1.5rem !default;
797
+ $pagination-line-height: 1.25 !default;
798
+
799
+ $pagination-color: $link-color !default;
800
+ $pagination-bg: $white !default;
801
+ $pagination-border-width: $border-width !default;
802
+ $pagination-border-color: $gray-300 !default;
803
+
804
+ $pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;
805
+ $pagination-focus-outline: 0 !default;
806
+
807
+ $pagination-hover-color: $link-hover-color !default;
808
+ $pagination-hover-bg: $gray-200 !default;
809
+ $pagination-hover-border-color: $gray-300 !default;
810
+
811
+ $pagination-active-color: $component-active-color !default;
812
+ $pagination-active-bg: $component-active-bg !default;
813
+ $pagination-active-border-color: $pagination-active-bg !default;
814
+
815
+ $pagination-disabled-color: $gray-600 !default;
816
+ $pagination-disabled-bg: $white !default;
817
+ $pagination-disabled-border-color: $gray-300 !default;
818
+
819
+
820
+ // Jumbotron
821
+
822
+ $jumbotron-padding: 2rem !default;
823
+ $jumbotron-color: null !default;
824
+ $jumbotron-bg: $gray-200 !default;
825
+
826
+
827
+ // Cards
828
+
829
+ $card-spacer-y: .75rem !default;
830
+ $card-spacer-x: 1.25rem !default;
831
+ $card-border-width: $border-width !default;
832
+ $card-border-radius: $border-radius !default;
833
+ $card-border-color: rgba($black, .125) !default;
834
+ $card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;
835
+ $card-cap-bg: rgba($black, .03) !default;
836
+ $card-cap-color: null !default;
837
+ $card-height: null !default;
838
+ $card-color: null !default;
839
+ $card-bg: $white !default;
840
+
841
+ $card-img-overlay-padding: 1.25rem !default;
842
+
843
+ $card-group-margin: $grid-gutter-width / 2 !default;
844
+ $card-deck-margin: $card-group-margin !default;
845
+
846
+ $card-columns-count: 3 !default;
847
+ $card-columns-gap: 1.25rem !default;
848
+ $card-columns-margin: $card-spacer-y !default;
849
+
850
+
851
+ // Tooltips
852
+
853
+ $tooltip-font-size: $font-size-sm !default;
854
+ $tooltip-max-width: 200px !default;
855
+ $tooltip-color: $white !default;
856
+ $tooltip-bg: $black !default;
857
+ $tooltip-border-radius: $border-radius !default;
858
+ $tooltip-opacity: .9 !default;
859
+ $tooltip-padding-y: .25rem !default;
860
+ $tooltip-padding-x: .5rem !default;
861
+ $tooltip-margin: 0 !default;
862
+
863
+ $tooltip-arrow-width: .8rem !default;
864
+ $tooltip-arrow-height: .4rem !default;
865
+ $tooltip-arrow-color: $tooltip-bg !default;
866
+
867
+ // Form tooltips must come after regular tooltips
868
+ $form-feedback-tooltip-padding-y: $tooltip-padding-y !default;
869
+ $form-feedback-tooltip-padding-x: $tooltip-padding-x !default;
870
+ $form-feedback-tooltip-font-size: $tooltip-font-size !default;
871
+ $form-feedback-tooltip-line-height: $line-height-base !default;
872
+ $form-feedback-tooltip-opacity: $tooltip-opacity !default;
873
+ $form-feedback-tooltip-border-radius: $tooltip-border-radius !default;
874
+
875
+
876
+ // Popovers
877
+
878
+ $popover-font-size: $font-size-sm !default;
879
+ $popover-bg: $white !default;
880
+ $popover-max-width: 276px !default;
881
+ $popover-border-width: $border-width !default;
882
+ $popover-border-color: rgba($black, .2) !default;
883
+ $popover-border-radius: $border-radius-lg !default;
884
+ $popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;
885
+ $popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;
886
+
887
+ $popover-header-bg: darken($popover-bg, 3%) !default;
888
+ $popover-header-color: $headings-color !default;
889
+ $popover-header-padding-y: .5rem !default;
890
+ $popover-header-padding-x: .75rem !default;
891
+
892
+ $popover-body-color: $body-color !default;
893
+ $popover-body-padding-y: $popover-header-padding-y !default;
894
+ $popover-body-padding-x: $popover-header-padding-x !default;
895
+
896
+ $popover-arrow-width: 1rem !default;
897
+ $popover-arrow-height: .5rem !default;
898
+ $popover-arrow-color: $popover-bg !default;
899
+
900
+ $popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;
901
+
902
+
903
+ // Toasts
904
+
905
+ $toast-max-width: 350px !default;
906
+ $toast-padding-x: .75rem !default;
907
+ $toast-padding-y: .25rem !default;
908
+ $toast-font-size: .875rem !default;
909
+ $toast-color: null !default;
910
+ $toast-background-color: rgba($white, .85) !default;
911
+ $toast-border-width: 1px !default;
912
+ $toast-border-color: rgba(0, 0, 0, .1) !default;
913
+ $toast-border-radius: .25rem !default;
914
+ $toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;
915
+
916
+ $toast-header-color: $gray-600 !default;
917
+ $toast-header-background-color: rgba($white, .85) !default;
918
+ $toast-header-border-color: rgba(0, 0, 0, .05) !default;
919
+
920
+
921
+ // Badges
922
+
923
+ $badge-font-size: 75% !default;
924
+ $badge-font-weight: $font-weight-bold !default;
925
+ $badge-padding-y: .25em !default;
926
+ $badge-padding-x: .4em !default;
927
+ $badge-border-radius: $border-radius !default;
928
+
929
+ $badge-transition: $btn-transition !default;
930
+ $badge-focus-width: $input-btn-focus-width !default;
931
+
932
+ $badge-pill-padding-x: .6em !default;
933
+ // Use a higher than normal value to ensure completely rounded edges when
934
+ // customizing padding or font-size on labels.
935
+ $badge-pill-border-radius: 10rem !default;
936
+
937
+
938
+ // Modals
939
+
940
+ // Padding applied to the modal body
941
+ $modal-inner-padding: 1rem !default;
942
+
943
+ // Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding
944
+ $modal-footer-margin-between: .5rem !default;
945
+
946
+ $modal-dialog-margin: .5rem !default;
947
+ $modal-dialog-margin-y-sm-up: 1.75rem !default;
948
+
949
+ $modal-title-line-height: $line-height-base !default;
950
+
951
+ $modal-content-color: null !default;
952
+ $modal-content-bg: $white !default;
953
+ $modal-content-border-color: rgba($black, .2) !default;
954
+ $modal-content-border-width: $border-width !default;
955
+ $modal-content-border-radius: $border-radius-lg !default;
956
+ $modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;
957
+ $modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;
958
+ $modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;
959
+
960
+ $modal-backdrop-bg: $black !default;
961
+ $modal-backdrop-opacity: .5 !default;
962
+ $modal-header-border-color: $border-color !default;
963
+ $modal-footer-border-color: $modal-header-border-color !default;
964
+ $modal-header-border-width: $modal-content-border-width !default;
965
+ $modal-footer-border-width: $modal-header-border-width !default;
966
+ $modal-header-padding-y: 1rem !default;
967
+ $modal-header-padding-x: 1rem !default;
968
+ $modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility
969
+
970
+ $modal-xl: 1140px !default;
971
+ $modal-lg: 800px !default;
972
+ $modal-md: 500px !default;
973
+ $modal-sm: 300px !default;
974
+
975
+ $modal-fade-transform: translate(0, -50px) !default;
976
+ $modal-show-transform: none !default;
977
+ $modal-transition: transform .3s ease-out !default;
978
+ $modal-scale-transform: scale(1.02) !default;
979
+
980
+
981
+ // Alerts
982
+ //
983
+ // Define alert colors, border radius, and padding.
984
+
985
+ $alert-padding-y: .75rem !default;
986
+ $alert-padding-x: 1.25rem !default;
987
+ $alert-margin-bottom: 1rem !default;
988
+ $alert-border-radius: $border-radius !default;
989
+ $alert-link-font-weight: $font-weight-bold !default;
990
+ $alert-border-width: $border-width !default;
991
+
992
+ $alert-bg-level: -10 !default;
993
+ $alert-border-level: -9 !default;
994
+ $alert-color-level: 6 !default;
995
+
996
+
997
+ // Progress bars
998
+
999
+ $progress-height: 1rem !default;
1000
+ $progress-font-size: $font-size-base * .75 !default;
1001
+ $progress-bg: $gray-200 !default;
1002
+ $progress-border-radius: $border-radius !default;
1003
+ $progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;
1004
+ $progress-bar-color: $white !default;
1005
+ $progress-bar-bg: theme-color("primary") !default;
1006
+ $progress-bar-animation-timing: 1s linear infinite !default;
1007
+ $progress-bar-transition: width .6s ease !default;
1008
+
1009
+
1010
+ // List group
1011
+
1012
+ $list-group-color: null !default;
1013
+ $list-group-bg: $white !default;
1014
+ $list-group-border-color: rgba($black, .125) !default;
1015
+ $list-group-border-width: $border-width !default;
1016
+ $list-group-border-radius: $border-radius !default;
1017
+
1018
+ $list-group-item-padding-y: .75rem !default;
1019
+ $list-group-item-padding-x: 1.25rem !default;
1020
+
1021
+ $list-group-hover-bg: $gray-100 !default;
1022
+ $list-group-active-color: $component-active-color !default;
1023
+ $list-group-active-bg: $component-active-bg !default;
1024
+ $list-group-active-border-color: $list-group-active-bg !default;
1025
+
1026
+ $list-group-disabled-color: $gray-600 !default;
1027
+ $list-group-disabled-bg: $list-group-bg !default;
1028
+
1029
+ $list-group-action-color: $gray-700 !default;
1030
+ $list-group-action-hover-color: $list-group-action-color !default;
1031
+
1032
+ $list-group-action-active-color: $body-color !default;
1033
+ $list-group-action-active-bg: $gray-200 !default;
1034
+
1035
+
1036
+ // Image thumbnails
1037
+
1038
+ $thumbnail-padding: .25rem !default;
1039
+ $thumbnail-bg: $body-bg !default;
1040
+ $thumbnail-border-width: $border-width !default;
1041
+ $thumbnail-border-color: $gray-300 !default;
1042
+ $thumbnail-border-radius: $border-radius !default;
1043
+ $thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;
1044
+
1045
+
1046
+ // Figures
1047
+
1048
+ $figure-caption-font-size: 90% !default;
1049
+ $figure-caption-color: $gray-600 !default;
1050
+
1051
+
1052
+ // Breadcrumbs
1053
+
1054
+ $breadcrumb-font-size: null !default;
1055
+
1056
+ $breadcrumb-padding-y: .75rem !default;
1057
+ $breadcrumb-padding-x: 1rem !default;
1058
+ $breadcrumb-item-padding: .5rem !default;
1059
+
1060
+ $breadcrumb-margin-bottom: 1rem !default;
1061
+
1062
+ $breadcrumb-bg: $gray-200 !default;
1063
+ $breadcrumb-divider-color: $gray-600 !default;
1064
+ $breadcrumb-active-color: $gray-600 !default;
1065
+ $breadcrumb-divider: quote("/") !default;
1066
+
1067
+ $breadcrumb-border-radius: $border-radius !default;
1068
+
1069
+
1070
+ // Carousel
1071
+
1072
+ $carousel-control-color: $white !default;
1073
+ $carousel-control-width: 15% !default;
1074
+ $carousel-control-opacity: .5 !default;
1075
+ $carousel-control-hover-opacity: .9 !default;
1076
+ $carousel-control-transition: opacity .15s ease !default;
1077
+
1078
+ $carousel-indicator-width: 30px !default;
1079
+ $carousel-indicator-height: 3px !default;
1080
+ $carousel-indicator-hit-area-height: 10px !default;
1081
+ $carousel-indicator-spacer: 3px !default;
1082
+ $carousel-indicator-active-bg: $white !default;
1083
+ $carousel-indicator-transition: opacity .6s ease !default;
1084
+
1085
+ $carousel-caption-width: 70% !default;
1086
+ $carousel-caption-color: $white !default;
1087
+
1088
+ $carousel-control-icon-width: 20px !default;
1089
+
1090
+ $carousel-control-prev-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>") !default;
1091
+ $carousel-control-next-icon-bg: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>") !default;
1092
+
1093
+ $carousel-transition-duration: .6s !default;
1094
+ $carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)
1095
+
1096
+
1097
+ // Spinners
1098
+
1099
+ $spinner-width: 2rem !default;
1100
+ $spinner-height: $spinner-width !default;
1101
+ $spinner-border-width: .25em !default;
1102
+
1103
+ $spinner-width-sm: 1rem !default;
1104
+ $spinner-height-sm: $spinner-width-sm !default;
1105
+ $spinner-border-width-sm: .2em !default;
1106
+
1107
+
1108
+ // Close
1109
+
1110
+ $close-font-size: $font-size-base * 1.5 !default;
1111
+ $close-font-weight: $font-weight-bold !default;
1112
+ $close-color: $black !default;
1113
+ $close-text-shadow: 0 1px 0 $white !default;
1114
+
1115
+
1116
+ // Code
1117
+
1118
+ $code-font-size: 87.5% !default;
1119
+ $code-color: $pink !default;
1120
+
1121
+ $kbd-padding-y: .2rem !default;
1122
+ $kbd-padding-x: .4rem !default;
1123
+ $kbd-font-size: $code-font-size !default;
1124
+ $kbd-color: $white !default;
1125
+ $kbd-bg: $gray-900 !default;
1126
+
1127
+ $pre-color: $gray-900 !default;
1128
+ $pre-scrollable-max-height: 340px !default;
1129
+
1130
+
1131
+ // Utilities
1132
+
1133
+ $displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;
1134
+ $overflows: auto, hidden !default;
1135
+ $positions: static, relative, absolute, fixed, sticky !default;
1136
+ $user-selects: all, auto, none !default;
1137
+
1138
+
1139
+ // Printing
1140
+
1141
+ $print-page-size: a3 !default;
1142
+ $print-body-min-width: map-get($grid-breakpoints, "lg") !default;