ngx-tethys 18.1.1 → 18.2.0-next.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (265) hide show
  1. package/CHANGELOG.md +36 -0
  2. package/alert/styles/mixin.scss +1 -1
  3. package/anchor/style/anchor.scss +4 -2
  4. package/autocomplete/autocomplete.component.d.ts +2 -1
  5. package/avatar/styles/avatar.scss +1 -1
  6. package/back-top/styles/back-top.scss +3 -3
  7. package/button/styles/button-group.scss +9 -9
  8. package/button/styles/button.scss +2 -6
  9. package/button/styles/mixin.scss +6 -53
  10. package/calendar/calendar-header.component.d.ts +2 -0
  11. package/calendar/styles/calendar.scss +3 -11
  12. package/card/styles/card.scss +3 -3
  13. package/carousel/styles/carousel.scss +10 -10
  14. package/cascader/cascader.component.d.ts +1 -0
  15. package/cascader/styles/cascader.scss +3 -2
  16. package/collapse/styles/collapse.scss +4 -2
  17. package/color-picker/color-picker-panel.component.d.ts +3 -1
  18. package/color-picker/styles/alpha.scss +1 -1
  19. package/color-picker/styles/color-picker-panel.scss +1 -1
  20. package/color-picker/styles/hue.scss +1 -1
  21. package/color-picker/styles/saturation.scss +1 -1
  22. package/comment/styles/mixin.scss +1 -1
  23. package/copy/copy.directive.d.ts +1 -0
  24. package/core/index.d.ts +1 -0
  25. package/core/theme/index.d.ts +2 -0
  26. package/core/theme/store.d.ts +12 -0
  27. package/core/theme/theme.d.ts +5 -0
  28. package/date-picker/abstract-picker.component.d.ts +3 -1
  29. package/date-picker/date-helper.service.d.ts +3 -0
  30. package/date-picker/date-picker.config.d.ts +7 -1
  31. package/date-picker/lib/calendar/calendar-footer.component.d.ts +3 -1
  32. package/date-picker/lib/calendar/calendar-header.component.d.ts +3 -1
  33. package/date-picker/lib/calendar/calendar-table.component.d.ts +3 -1
  34. package/date-picker/lib/date-carousel/date-carousel.component.d.ts +4 -1
  35. package/date-picker/lib/popups/date-popup.component.d.ts +3 -1
  36. package/date-picker/lib/popups/inner-popup.component.d.ts +3 -1
  37. package/date-picker/styles/calendar.scss +1 -1
  38. package/date-picker/styles/decade-panel.scss +1 -1
  39. package/date-picker/styles/picker.scss +1 -1
  40. package/date-picker/styles/range-picker.scss +3 -3
  41. package/date-picker/styles/year-panel.scss +2 -2
  42. package/date-range/date-range.component.d.ts +2 -0
  43. package/date-range/optional-dates/optional-dates.component.d.ts +1 -0
  44. package/dialog/confirm/confirm.component.d.ts +1 -0
  45. package/dialog/confirm.config.d.ts +14 -7
  46. package/dialog/styles/dialog.scss +6 -6
  47. package/dropdown/styles/dropdown.scss +3 -3
  48. package/empty/empty.component.d.ts +14 -9
  49. package/empty/empty.config.d.ts +3 -0
  50. package/empty/styles/empty.scss +22 -2
  51. package/esm2022/autocomplete/autocomplete.component.mjs +5 -3
  52. package/esm2022/calendar/calendar-header.component.mjs +9 -5
  53. package/esm2022/carousel/carousel.component.mjs +3 -3
  54. package/esm2022/cascader/cascader.component.mjs +5 -3
  55. package/esm2022/checkbox/checkbox.component.mjs +1 -1
  56. package/esm2022/color-picker/color-picker-panel.component.mjs +5 -3
  57. package/esm2022/copy/copy.directive.mjs +7 -5
  58. package/esm2022/core/index.mjs +2 -1
  59. package/esm2022/core/theme/index.mjs +3 -0
  60. package/esm2022/core/theme/store.mjs +42 -0
  61. package/esm2022/core/theme/theme.mjs +2 -0
  62. package/esm2022/date-picker/abstract-picker.component.mjs +4 -2
  63. package/esm2022/date-picker/base-picker.component.mjs +2 -2
  64. package/esm2022/date-picker/date-helper.service.mjs +4 -2
  65. package/esm2022/date-picker/date-picker.component.mjs +1 -1
  66. package/esm2022/date-picker/date-picker.config.mjs +55 -2
  67. package/esm2022/date-picker/date-picker.directive.mjs +1 -1
  68. package/esm2022/date-picker/date-picker.service.mjs +3 -3
  69. package/esm2022/date-picker/lib/calendar/calendar-footer.component.mjs +5 -3
  70. package/esm2022/date-picker/lib/calendar/calendar-header.component.mjs +3 -1
  71. package/esm2022/date-picker/lib/calendar/calendar-table.component.mjs +3 -1
  72. package/esm2022/date-picker/lib/date/date-header.component.mjs +6 -5
  73. package/esm2022/date-picker/lib/date/date-table.component.mjs +4 -4
  74. package/esm2022/date-picker/lib/date-carousel/date-carousel.component.mjs +9 -4
  75. package/esm2022/date-picker/lib/decade/decade-header.component.mjs +3 -3
  76. package/esm2022/date-picker/lib/month/month-header.component.mjs +4 -4
  77. package/esm2022/date-picker/lib/month/month-table.component.mjs +3 -2
  78. package/esm2022/date-picker/lib/popups/date-popup.component.mjs +5 -3
  79. package/esm2022/date-picker/lib/popups/inner-popup.component.mjs +5 -3
  80. package/esm2022/date-picker/lib/year/year-header.component.mjs +3 -3
  81. package/esm2022/date-picker/month-picker.component.mjs +1 -1
  82. package/esm2022/date-picker/quarter-picker.component.mjs +1 -1
  83. package/esm2022/date-picker/range-picker.component.mjs +1 -1
  84. package/esm2022/date-picker/range-picker.directive.mjs +1 -1
  85. package/esm2022/date-picker/week-picker.component.mjs +1 -1
  86. package/esm2022/date-picker/year-picker.component.mjs +1 -1
  87. package/esm2022/date-range/date-range.component.mjs +7 -4
  88. package/esm2022/date-range/optional-dates/optional-dates.component.mjs +4 -2
  89. package/esm2022/dialog/confirm/confirm.component.mjs +14 -3
  90. package/esm2022/dialog/confirm.config.mjs +17 -2
  91. package/esm2022/empty/empty.component.mjs +7 -2
  92. package/esm2022/empty/empty.config.mjs +4 -1
  93. package/esm2022/empty/svgs.mjs +103 -8
  94. package/esm2022/form/form-validator-loader.mjs +17 -15
  95. package/esm2022/guider/guider-hint/guider-hint.component.mjs +5 -3
  96. package/esm2022/i18n/i18n.mjs +2 -0
  97. package/esm2022/i18n/i18n.service.mjs +39 -0
  98. package/esm2022/i18n/i18n.token.mjs +8 -0
  99. package/esm2022/i18n/index.mjs +7 -0
  100. package/esm2022/i18n/locale.mjs +14 -0
  101. package/esm2022/i18n/locales/en-us.mjs +147 -0
  102. package/esm2022/i18n/locales/zh-cn.mjs +127 -0
  103. package/esm2022/i18n/ngx-tethys-i18n.mjs +5 -0
  104. package/esm2022/notify/notify.component.mjs +3 -3
  105. package/esm2022/pagination/pagination.component.mjs +22 -5
  106. package/esm2022/pagination/pagination.module.mjs +26 -5
  107. package/esm2022/pagination/pagination.pipe.mjs +22 -1
  108. package/esm2022/radio/button/radio-button.component.mjs +1 -1
  109. package/esm2022/radio/radio.component.mjs +1 -1
  110. package/esm2022/result/result.component.mjs +3 -3
  111. package/esm2022/select/custom-select/custom-select.component.mjs +9 -3
  112. package/esm2022/strength/strength.component.mjs +21 -20
  113. package/esm2022/table/table-skeleton.component.mjs +3 -3
  114. package/esm2022/time-picker/time-picker-panel.component.mjs +5 -3
  115. package/esm2022/time-picker/time-picker.component.mjs +4 -2
  116. package/esm2022/transfer/transfer-list.component.mjs +5 -3
  117. package/esm2022/tree-select/tree-select.component.mjs +5 -3
  118. package/esm2022/version.mjs +2 -2
  119. package/esm2022/watermark/config.mjs +2 -2
  120. package/esm2022/watermark/watermark.directive.mjs +18 -10
  121. package/fesm2022/ngx-tethys-autocomplete.mjs +4 -2
  122. package/fesm2022/ngx-tethys-autocomplete.mjs.map +1 -1
  123. package/fesm2022/ngx-tethys-calendar.mjs +8 -5
  124. package/fesm2022/ngx-tethys-calendar.mjs.map +1 -1
  125. package/fesm2022/ngx-tethys-carousel.mjs +2 -2
  126. package/fesm2022/ngx-tethys-carousel.mjs.map +1 -1
  127. package/fesm2022/ngx-tethys-cascader.mjs +4 -2
  128. package/fesm2022/ngx-tethys-cascader.mjs.map +1 -1
  129. package/fesm2022/ngx-tethys-checkbox.mjs.map +1 -1
  130. package/fesm2022/ngx-tethys-color-picker.mjs +4 -2
  131. package/fesm2022/ngx-tethys-color-picker.mjs.map +1 -1
  132. package/fesm2022/ngx-tethys-copy.mjs +6 -4
  133. package/fesm2022/ngx-tethys-copy.mjs.map +1 -1
  134. package/fesm2022/ngx-tethys-core.mjs +42 -2
  135. package/fesm2022/ngx-tethys-core.mjs.map +1 -1
  136. package/fesm2022/ngx-tethys-date-picker.mjs +95 -30
  137. package/fesm2022/ngx-tethys-date-picker.mjs.map +1 -1
  138. package/fesm2022/ngx-tethys-date-range.mjs +8 -4
  139. package/fesm2022/ngx-tethys-date-range.mjs.map +1 -1
  140. package/fesm2022/ngx-tethys-dialog.mjs +27 -2
  141. package/fesm2022/ngx-tethys-dialog.mjs.map +1 -1
  142. package/fesm2022/ngx-tethys-empty.mjs +111 -8
  143. package/fesm2022/ngx-tethys-empty.mjs.map +1 -1
  144. package/fesm2022/ngx-tethys-form.mjs +16 -14
  145. package/fesm2022/ngx-tethys-form.mjs.map +1 -1
  146. package/fesm2022/ngx-tethys-guider.mjs +4 -2
  147. package/fesm2022/ngx-tethys-guider.mjs.map +1 -1
  148. package/fesm2022/ngx-tethys-i18n.mjs +338 -0
  149. package/fesm2022/ngx-tethys-i18n.mjs.map +1 -0
  150. package/fesm2022/ngx-tethys-notify.mjs +2 -2
  151. package/fesm2022/ngx-tethys-notify.mjs.map +1 -1
  152. package/fesm2022/ngx-tethys-pagination.mjs +66 -7
  153. package/fesm2022/ngx-tethys-pagination.mjs.map +1 -1
  154. package/fesm2022/ngx-tethys-radio.mjs.map +1 -1
  155. package/fesm2022/ngx-tethys-result.mjs +2 -2
  156. package/fesm2022/ngx-tethys-result.mjs.map +1 -1
  157. package/fesm2022/ngx-tethys-select.mjs +8 -2
  158. package/fesm2022/ngx-tethys-select.mjs.map +1 -1
  159. package/fesm2022/ngx-tethys-strength.mjs +20 -19
  160. package/fesm2022/ngx-tethys-strength.mjs.map +1 -1
  161. package/fesm2022/ngx-tethys-table.mjs +2 -2
  162. package/fesm2022/ngx-tethys-table.mjs.map +1 -1
  163. package/fesm2022/ngx-tethys-time-picker.mjs +6 -3
  164. package/fesm2022/ngx-tethys-time-picker.mjs.map +1 -1
  165. package/fesm2022/ngx-tethys-transfer.mjs +4 -2
  166. package/fesm2022/ngx-tethys-transfer.mjs.map +1 -1
  167. package/fesm2022/ngx-tethys-tree-select.mjs +4 -2
  168. package/fesm2022/ngx-tethys-tree-select.mjs.map +1 -1
  169. package/fesm2022/ngx-tethys-watermark.mjs +18 -10
  170. package/fesm2022/ngx-tethys-watermark.mjs.map +1 -1
  171. package/fesm2022/ngx-tethys.mjs +1 -1
  172. package/fesm2022/ngx-tethys.mjs.map +1 -1
  173. package/form/form-validator-loader.d.ts +2 -0
  174. package/form/styles/form-check.scss +1 -1
  175. package/form/styles/forms.scss +2 -3
  176. package/form/styles/mixin.scss +6 -5
  177. package/guider/guider-hint/guider-hint.component.d.ts +3 -1
  178. package/guider/styles/guider-tip.scss +2 -1
  179. package/i18n/i18n.d.ts +143 -0
  180. package/i18n/i18n.service.d.ts +19 -0
  181. package/i18n/i18n.token.d.ts +5 -0
  182. package/i18n/index.d.ts +6 -0
  183. package/i18n/locale.d.ts +4 -0
  184. package/i18n/locales/en-us.d.ts +147 -0
  185. package/i18n/locales/zh-cn.d.ts +126 -0
  186. package/icon/examples/all/all.component.scss +3 -1
  187. package/image/styles/image.scss +15 -11
  188. package/input/styles/input-group.scss +1 -1
  189. package/input/styles/input.scss +2 -2
  190. package/layout/examples/sidebar/sidebar.component.scss +1 -1
  191. package/layout/styles/layout.scss +3 -3
  192. package/menu/examples/theme/theme.component.scss +0 -8
  193. package/menu/styles/theme.scss +4 -4
  194. package/message/styles/message.scss +1 -1
  195. package/nav/examples/basic/basic.component.scss +1 -1
  196. package/nav/examples/extra/extra.component.scss +1 -1
  197. package/nav/examples/fill/fill.component.scss +1 -1
  198. package/nav/examples/lite/lite.component.scss +1 -1
  199. package/nav/examples/pills/pills.component.scss +1 -1
  200. package/nav/examples/responsive/responsive.component.scss +1 -1
  201. package/nav/examples/size/size.component.scss +1 -1
  202. package/nav/examples/tabs/tabs.component.scss +1 -1
  203. package/nav/examples/type/type.component.scss +1 -1
  204. package/nav/examples/vertical/vertical.component.scss +1 -1
  205. package/notify/styles/notify.scss +4 -4
  206. package/package.json +7 -1
  207. package/pagination/pagination.component.d.ts +4 -1
  208. package/pagination/pagination.module.d.ts +1 -1
  209. package/pagination/pagination.pipe.d.ts +6 -0
  210. package/pagination/styles/pagination.scss +2 -2
  211. package/popover/styles.scss +3 -3
  212. package/property/styles/properties.scss +1 -1
  213. package/radio/radio.component.d.ts +0 -2
  214. package/resizable/examples/line/line.component.scss +3 -1
  215. package/resizable/examples/style.scss +7 -5
  216. package/result/styles/result.scss +25 -1
  217. package/schematics/version.d.ts +1 -1
  218. package/schematics/version.js +1 -1
  219. package/segment/styles/mixin.scss +2 -3
  220. package/segment/styles/segment.scss +1 -1
  221. package/select/custom-select/custom-select.component.d.ts +1 -0
  222. package/select/styles/select.scss +1 -1
  223. package/shared/option/styles/option.mixin.scss +1 -1
  224. package/shared/select/styles/select.mixin.scss +2 -2
  225. package/slide/examples/drawer-container/drawer-container.component.scss +1 -1
  226. package/slide/examples/layout/layout.component.scss +4 -2
  227. package/slide/styles/slide.scss +3 -2
  228. package/slider/slider.scss +2 -2
  229. package/stepper/examples/basic/basic.component.scss +3 -1
  230. package/stepper/examples/icon/icon.component.scss +3 -1
  231. package/stepper/styles/stepper.scss +7 -3
  232. package/strength/strength.component.d.ts +21 -2
  233. package/styles/bootstrap/_variables.scss +14 -876
  234. package/styles/bootstrap/utilities/_background.scss +27 -5
  235. package/styles/bootstrap/utilities/_text.scss +29 -31
  236. package/styles/index.scss +2 -1
  237. package/styles/mixins/background-variant.scss +2 -10
  238. package/styles/mixins/utilities.scss +2 -11
  239. package/styles/modules/cdk/drag-drop.scss +6 -8
  240. package/styles/modules/close.scss +1 -1
  241. package/styles/modules/reboot.scss +1 -1
  242. package/styles/modules/tables.scss +1 -1
  243. package/styles/modules/utils.scss +0 -17
  244. package/styles/theme/dark.scss +70 -0
  245. package/styles/theme/default.scss +70 -0
  246. package/styles/theme/index.scss +2 -0
  247. package/styles/variables.scss +114 -76
  248. package/switch/styles/mixin.scss +0 -13
  249. package/table/styles/table.scss +7 -19
  250. package/tabs/styles/tabs.scss +1 -1
  251. package/tag/styles/mixin.scss +7 -42
  252. package/tag/styles/tag.scss +2 -2
  253. package/time-picker/styles/time-panel.scss +1 -1
  254. package/time-picker/time-picker-panel.component.d.ts +3 -1
  255. package/time-picker/time-picker.component.d.ts +3 -1
  256. package/timeline/styles/timeline.scss +2 -2
  257. package/tooltip/styles.scss +4 -4
  258. package/transfer/styles/transfer.scss +2 -2
  259. package/transfer/transfer-list.component.d.ts +3 -1
  260. package/tree/styles/tree.scss +3 -5
  261. package/tree-select/tree-select.component.d.ts +1 -0
  262. package/watermark/config.d.ts +1 -1
  263. package/watermark/watermark.directive.d.ts +23 -2
  264. package/carousel/styles/index.scss +0 -1
  265. package/carousel/styles/variables.scss +0 -5
package/styles/bootstrap/_variables.scss CHANGED
@@ -3,87 +3,14 @@
3
3
  @use '../variables';
4
4
  @use 'functions';
5
5
  @forward '../variables.scss';
6
- // // Variables
7
- // //
8
- // // Variables should follow the `$component-state-property-size` formula for
9
- // // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
10
-
11
- // // Color system
12
-
13
- // $gray-100: #f8f9fa !default;
14
- // $gray-200: #e9ecef !default;
15
- // $gray-300: #dee2e6 !default;
16
- // $gray-400: #ced4da !default;
17
- // $gray-500: #adb5bd !default;
18
- // $gray-600: #6c757d !default;
19
- // $gray-700: #495057 !default;
20
- // $gray-800: #343a40 !default;
21
- // $gray-900: #212529 !default;
22
- // $black: #000 !default;
23
-
24
- // $grays: () !default;
25
- // // stylelint-disable-next-line scss/dollar-variable-default
26
- // $grays: map-merge(
27
- // (
28
- // '100': $gray-100,
29
- // '200': $gray-200,
30
- // '300': $gray-300,
31
- // '400': $gray-400,
32
- // '500': $gray-500,
33
- // '600': $gray-600,
34
- // '700': $gray-700,
35
- // '800': $gray-800,
36
- // '900': $gray-900
37
- // ),
38
- // $grays
39
- // );
40
-
41
- // // stylelint-disable-next-line scss/dollar-variable-default
42
-
43
- // $primary: $blue !default;
44
- // $secondary: $gray-600 !default;
45
- // $success: $green !default;
46
- // $info: $cyan !default;
47
- // $warning: $yellow !default;
48
- // $danger: $red !default;
49
- // $light: $gray-100 !default;
50
-
51
- // // stylelint-disable-next-line scss/dollar-variable-default
52
-
53
- // // Set a specific jump point for requesting color jumps
54
- // $theme-color-interval: 8% !default;
55
-
56
- // // The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
57
-
58
- // // Customize the light and dark text colors for use in our YIQ color contrast function.
59
-
60
- // // Characters which are escaped by the escape-svg function
61
- // $escaped-characters: (('<', '%3c'), ('>', '%3e'), ('#', '%23'), ('(', '%28'), (')', '%29')) !default;
62
-
63
- // // Options
64
- // //
65
- // // Quickly modify global styling by enabling or disabling optional features.
66
6
 
67
7
  $enable-caret: true !default;
68
8
  $enable-rounded: true !default;
69
- // $enable-shadows: false !default;
70
- // $enable-gradients: false !default;
71
9
  $enable-transitions: true !default;
72
10
  $enable-prefers-reduced-motion-media-query: true !default;
73
- // $enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS
74
11
  $enable-grid-classes: true !default;
75
- // $enable-pointer-cursor-for-buttons: true !default;
76
- // $enable-print-styles: true !default;
77
- // $enable-responsive-font-sizes: false !default;
78
- // $enable-validation-icons: true !default;
79
12
  $enable-deprecation-messages: true !default;
80
13
 
81
- // // Spacing
82
- // //
83
- // // Control the default styling of most Bootstrap elements by modifying these
84
- // // variables. Mostly focused on spacing.
85
- // // You can add more entries to the $spacers map, should you need more variation.
86
-
87
14
  $spacer: 1rem !default;
88
15
  $spacers: () !default;
89
16
  $spacers: map.merge(
@@ -123,9 +50,9 @@ $spacers: map.merge(
123
50
  $spacers
124
51
  );
125
52
 
126
- // // This variable affects the `.h-*` and `.w-*` classes.
53
+ // This variable affects the `.h-*` and `.w-*` classes.
127
54
  $sizes: () !default;
128
- // // stylelint-disable-next-line scss/dollar-variable-default
55
+ // stylelint-disable-next-line scss/dollar-variable-default
129
56
  $sizes: map.merge(
130
57
  (
131
58
  25: 25%,
@@ -137,35 +64,11 @@ $sizes: map.merge(
137
64
  $sizes
138
65
  );
139
66
 
140
- // // Body
141
- // //
142
- // // Settings for the `<body>` element.
143
-
144
- $body-bg: variables.$white !default;
145
- // $body-color: $gray-900 !default;
67
+ $body-bg: variables.$bg-default !default;
146
68
 
147
- // // Links
148
- // //
149
- // // Style anchor elements.
150
-
151
- // $link-color: theme-color('primary') !default;
152
- // $link-decoration: none !default;
153
- // $link-hover-color: darken($link-color, 15%) !default;
154
- // $link-hover-decoration: underline !default;
155
- // // Darken percentage for links with `.text-*` class (e.g. `.text-success`)
156
69
  $emphasized-link-hover-darken-percentage: 15% !default;
157
-
158
- // // Paragraphs
159
- // //
160
- // // Style p element.
161
-
162
70
  $paragraph-margin-bottom: 1rem !default;
163
71
 
164
- // // Grid breakpoints
165
- // //
166
- // // Define the minimum dimensions at which your layout will change,
167
- // // adapting to different screen sizes, for use in media queries.
168
-
169
72
  $grid-breakpoints: (
170
73
  xs: 0,
171
74
  sm: 576px,
@@ -177,10 +80,6 @@ $grid-breakpoints: (
177
80
  @include functions.assert-ascending($grid-breakpoints, '$grid-breakpoints');
178
81
  @include functions.assert-starts-at-zero($grid-breakpoints, '$grid-breakpoints');
179
82
 
180
- // // Grid containers
181
- // //
182
- // // Define the maximum width of `.container` for different screen sizes.
183
-
184
83
  $container-max-widths: (
185
84
  sm: 540px,
186
85
  md: 720px,
@@ -190,72 +89,31 @@ $container-max-widths: (
190
89
 
191
90
  @include functions.assert-ascending($container-max-widths, '$container-max-widths');
192
91
 
193
- // // Grid columns
194
- // //
195
- // // Set the number of columns and specify the width of the gutters.
196
-
197
92
  $grid-columns: 12 !default;
198
93
  $grid-gutter-width: 30px !default;
199
94
  $grid-row-columns: 6 !default;
200
95
 
201
- // // Components
202
- // //
203
- // // Define common padding and border radius sizes and more.
204
-
205
- // $line-height-lg: 1.5 !default;
206
- // $line-height-sm: 1.5 !default;
207
-
208
96
  $border-width: 1px !default;
209
97
  $border-color: variables.$gray-200 !default;
210
98
 
211
- // $border-radius: 0.25rem !default;
212
- // $border-radius-lg: 0.3rem !default;
213
- // $border-radius-sm: 0.2rem !default;
214
-
215
99
  $rounded-pill: 50rem !default;
216
100
 
217
101
  $box-shadow-sm: 0 0.125rem 0.25rem rgba(variables.$black, 0.075) !default;
218
- // $box-shadow: 0 0.5rem 1rem rgba($black, 0.15) !default;
219
102
  $box-shadow-lg: 0 1rem 3rem rgba(variables.$black, 0.175) !default;
220
103
 
221
- // $component-active-color: $white !default;
222
- // $component-active-bg: theme-color('primary') !default;
223
-
224
104
  $caret-width: 0.3em !default;
225
105
  $caret-vertical-align: $caret-width * 0.85 !default;
226
106
  $caret-spacing: $caret-width * 0.85 !default;
227
107
 
228
- // $transition-base: all 0.2s ease-in-out !default;
229
- // $transition-fade: opacity 0.15s linear !default;
230
- // $transition-collapse: height 0.35s ease !default;
231
-
232
108
  $embed-responsive-aspect-ratios: () !default;
233
- // // stylelint-disable-next-line scss/dollar-variable-default
234
109
  $embed-responsive-aspect-ratios: list.join(((21 9), (16 9), (4 3), (1 1)), $embed-responsive-aspect-ratios);
235
110
 
236
- // // Typography
237
- // //
238
- // // Font, line-height, and color for body text, headings, and more.
239
-
240
- // // stylelint-disable value-keyword-case
241
- // $font-family-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
242
- // 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !default;
243
- // $font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace !default;
244
- // $font-family-base: $font-family-sans-serif !default;
245
- // // stylelint-enable value-keyword-case
246
-
247
- // $font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
248
- // $font-size-lg: $font-size-base * 1.25 !default;
249
- // $font-size-sm: $font-size-base * 0.875 !default;
250
-
251
111
  $font-weight-lighter: lighter !default;
252
112
  $font-weight-light: 300 !default;
253
113
  $font-weight-normal: 400 !default;
254
114
  $font-weight-bold: 700 !default;
255
115
  $font-weight-bolder: bolder !default;
256
-
257
116
  $font-weight-base: $font-weight-normal !default;
258
- // $line-height-base: 1.5 !default;
259
117
 
260
118
  $h1-font-size: variables.$font-size-base * 2.5 !default;
261
119
  $h2-font-size: variables.$font-size-base * 2 !default;
@@ -286,8 +144,6 @@ $lead-font-weight: 300 !default;
286
144
 
287
145
  $small-font-size: 80% !default;
288
146
 
289
- $text-muted: variables.$gray-600 !default;
290
-
291
147
  $blockquote-small-color: variables.$gray-600 !default;
292
148
  $blockquote-small-font-size: $small-font-size !default;
293
149
  $blockquote-font-size: variables.$font-size-base * 1.25 !default;
@@ -308,780 +164,62 @@ $mark-bg: #fcf8e3 !default;
308
164
 
309
165
  $hr-margin-y: $spacer !default;
310
166
 
311
- // // Tables
312
- // //
313
- // // Customizes the `.table` component with basic values, each used across all table variations.
314
-
315
- // $table-cell-padding: 0.75rem !default;
316
- // $table-cell-padding-sm: 0.3rem !default;
317
-
318
- // $table-color: $body-color !default;
319
- // $table-bg: null !default;
320
- // $table-accent-bg: rgba($black, 0.05) !default;
321
- // $table-hover-color: $table-color !default;
322
- // $table-hover-bg: rgba($black, 0.075) !default;
323
- // $table-active-bg: $table-hover-bg !default;
324
-
325
- // $table-border-width: $border-width !default;
326
- // $table-border-color: $border-color !default;
327
-
328
- // $table-head-bg: $gray-200 !default;
329
- // $table-head-color: $gray-700 !default;
330
-
331
- // $table-dark-color: $white !default;
332
- // $table-dark-bg: $gray-800 !default;
333
- // $table-dark-accent-bg: rgba($white, 0.05) !default;
334
- // $table-dark-hover-color: $table-dark-color !default;
335
- // $table-dark-hover-bg: rgba($white, 0.075) !default;
336
- // $table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;
337
-
338
- // $table-striped-order: odd !default;
339
-
340
- // $table-caption-color: $text-muted !default;
341
-
342
- // $table-bg-level: -9 !default;
343
- // $table-border-level: -6 !default;
344
-
345
- // // Buttons + Forms
346
- // //
347
- // // Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
348
-
349
- // $input-btn-padding-y: 0.375rem !default;
350
- // $input-btn-padding-x: 0.75rem !default;
351
- // $input-btn-font-family: null !default;
352
- // $input-btn-font-size: $font-size-base !default;
353
- // $input-btn-line-height: $line-height-base !default;
354
-
355
- // $input-btn-focus-width: 0.2rem !default;
356
- // $input-btn-focus-color: rgba($component-active-bg, 0.25) !default;
357
- // $input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
358
-
359
- // $input-btn-padding-y-sm: 0.25rem !default;
360
- // $input-btn-padding-x-sm: 0.5rem !default;
361
- // $input-btn-font-size-sm: $font-size-sm !default;
362
- // $input-btn-line-height-sm: $line-height-sm !default;
363
-
364
- // $input-btn-padding-y-lg: 0.5rem !default;
365
- // $input-btn-padding-x-lg: 1rem !default;
366
- // $input-btn-font-size-lg: $font-size-lg !default;
367
- // $input-btn-line-height-lg: $line-height-lg !default;
368
-
369
167
  $input-btn-border-width: $border-width !default;
370
-
371
- // // Buttons
372
- // //
373
- // // For each of Bootstrap's buttons, define text, background, and border color.
374
-
375
- // $btn-padding-y: $input-btn-padding-y !default;
376
- // $btn-padding-x: $input-btn-padding-x !default;
377
- // $btn-font-family: $input-btn-font-family !default;
378
- // $btn-font-size: $input-btn-font-size !default;
379
- // $btn-line-height: $input-btn-line-height !default;
380
- // $btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping
381
-
382
- // $btn-padding-y-sm: $input-btn-padding-y-sm !default;
383
- // $btn-padding-x-sm: $input-btn-padding-x-sm !default;
384
- // $btn-font-size-sm: $input-btn-font-size-sm !default;
385
- // $btn-line-height-sm: $input-btn-line-height-sm !default;
386
-
387
- // $btn-padding-y-lg: $input-btn-padding-y-lg !default;
388
- // $btn-padding-x-lg: $input-btn-padding-x-lg !default;
389
- // $btn-font-size-lg: $input-btn-font-size-lg !default;
390
- // $btn-line-height-lg: $input-btn-line-height-lg !default;
391
-
392
168
  $btn-border-width: $input-btn-border-width !default;
393
-
394
169
  $btn-font-weight: $font-weight-normal !default;
395
- // $btn-box-shadow: inset 0 1px 0 rgba($white, 0.15), 0 1px 1px rgba($black, 0.075) !default;
396
- // $btn-focus-width: $input-btn-focus-width !default;
397
- // $btn-focus-box-shadow: $input-btn-focus-box-shadow !default;
398
- // $btn-disabled-opacity: 0.65 !default;
399
- $btn-active-box-shadow: inset 0 3px 5px rgba(variables.$black, 0.125) !default;
400
-
401
- // $btn-link-disabled-color: $gray-600 !default;
402
-
403
170
  $btn-block-spacing-y: 0.5rem !default;
171
+ $btn-transition:
172
+ color 0.15s ease-in-out,
173
+ background-color 0.15s ease-in-out,
174
+ border-color 0.15s ease-in-out,
175
+ box-shadow 0.15s ease-in-out !default;
404
176
 
405
- // // Allows for customizing button radius independently from global border radius
406
- // $btn-border-radius: $border-radius !default;
407
- // $btn-border-radius-lg: $border-radius-lg !default;
408
- // $btn-border-radius-sm: $border-radius-sm !default;
409
-
410
- $btn-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !default;
411
-
412
- // // Forms
413
-
414
- // $label-margin-bottom: 0.5rem !default;
415
-
416
- // $input-padding-y: $input-btn-padding-y !default;
417
- // $input-padding-x: $input-btn-padding-x !default;
418
- // $input-font-family: $input-btn-font-family !default;
419
- // $input-font-size: $input-btn-font-size !default;
420
- // $input-font-weight: $font-weight-base !default;
421
177
  $input-line-height: variables.$input-btn-line-height !default;
422
-
423
- // $input-padding-y-sm: $input-btn-padding-y-sm !default;
424
- // $input-padding-x-sm: $input-btn-padding-x-sm !default;
425
- // $input-font-size-sm: $input-btn-font-size-sm !default;
426
- // $input-line-height-sm: variables.$input-btn-line-height-sm !default;
427
-
428
- // $input-padding-y-lg: $input-btn-padding-y-lg !default;
429
- // $input-padding-x-lg: $input-btn-padding-x-lg !default;
430
- // $input-font-size-lg: $input-btn-font-size-lg !default;
431
- // $input-line-height-lg: variables.$input-btn-line-height-lg !default;
432
-
433
- $input-bg: variables.$white !default;
434
- // $input-disabled-bg: $gray-200 !default;
435
-
436
- // $input-color: $gray-700 !default;
437
- // $input-border-color: $gray-400 !default;
178
+ $input-bg: variables.$bg-default !default;
438
179
  $input-border-width: $input-btn-border-width !default;
439
- // $input-box-shadow: inset 0 1px 1px rgba($black, 0.075) !default;
440
-
441
180
  $input-border-radius: variables.$border-radius !default;
442
181
  $input-border-radius-lg: variables.$border-radius-lg !default;
443
182
  $input-border-radius-sm: variables.$border-radius-sm !default;
444
-
445
- // $input-focus-bg: $input-bg !default;
446
- // $input-focus-border-color: lighten($component-active-bg, 25%) !default;
447
183
  $input-focus-color: variables.$input-color !default;
448
184
  $input-focus-width: variables.$input-btn-focus-width !default;
449
- $input-focus-box-shadow: variables.$input-btn-focus-box-shadow !default;
450
-
451
- // $input-placeholder-color: $gray-600 !default;
452
- // $input-plaintext-color: $body-color !default;
453
-
454
185
  $input-height-border: $input-border-width * 2 !default;
455
-
456
- // $input-height-inner: add($input-line-height * 1em, $input-padding-y * 2) !default;
457
- // $input-height-inner-half: add($input-line-height * 0.5em, $input-padding-y) !default;
458
- // $input-height-inner-quarter: add($input-line-height * 0.25em, $input-padding-y / 2) !default;
459
-
460
186
  $input-height: functions.add($input-line-height * 1em, functions.add(variables.$input-padding-y * 2, $input-height-border, false)) !default;
461
- // $input-height-sm: functions.add(
462
- // variables.$input-line-height-sm * 1em,
463
- // functions.add(variables.$input-padding-y-sm * 2, $input-height-border, false)
464
- // ) !default;
465
- // $input-height-lg: functions.add(
466
- // variables.$input-line-height-lg * 1em,
467
- // functions.add(variables.$input-padding-y-lg * 2, $input-height-border, false)
468
- // ) !default;
469
-
470
- $input-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !default;
471
-
472
- // $form-text-margin-top: 0.25rem !default;
187
+ $input-group-addon-border-color: variables.$input-border-color !default;
188
+ $input-transition:
189
+ border-color 0.15s ease-in-out,
190
+ box-shadow 0.15s ease-in-out !default;
473
191
 
474
- // $form-check-input-gutter: 1.25rem !default;
475
192
  $form-check-input-margin-y: 0.3rem !default;
476
193
  $form-check-input-margin-x: 0.25rem !default;
477
-
478
- // $form-check-inline-margin-x: 0.75rem !default;
479
- // $form-check-inline-input-margin-x: 0.3125rem !default;
480
-
481
- // $form-grid-gutter-width: 10px !default;
482
194
  $form-group-margin-bottom: 1rem !default;
483
-
484
- // $input-group-addon-color: $input-color !default;
485
- // $input-group-addon-bg: $gray-200 !default;
486
- $input-group-addon-border-color: variables.$input-border-color !default;
487
-
488
- // $custom-forms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !default;
489
-
490
- // $custom-control-gutter: 0.5rem !default;
491
- // $custom-control-spacer-x: 1rem !default;
492
- // $custom-control-cursor: null !default;
493
-
494
- // $custom-control-indicator-size: 1rem !default;
495
- // $custom-control-indicator-bg: $input-bg !default;
496
-
497
- // $custom-control-indicator-bg-size: 50% 50% !default;
498
- // $custom-control-indicator-box-shadow: $input-box-shadow !default;
499
- // $custom-control-indicator-border-color: $gray-500 !default;
500
- // $custom-control-indicator-border-width: $input-border-width !default;
501
-
502
- // $custom-control-label-color: null !default;
503
-
504
- // $custom-control-indicator-disabled-bg: $input-disabled-bg !default;
505
- // $custom-control-label-disabled-color: $gray-600 !default;
506
-
507
- // $custom-control-indicator-checked-color: $component-active-color !default;
508
- // $custom-control-indicator-checked-bg: $component-active-bg !default;
509
- // $custom-control-indicator-checked-disabled-bg: rgba(theme-color('primary'), 0.5) !default;
510
- // $custom-control-indicator-checked-box-shadow: none !default;
511
- // $custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;
512
-
513
- // $custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;
514
- // $custom-control-indicator-focus-border-color: $input-focus-border-color !default;
515
-
516
- // $custom-control-indicator-active-color: $component-active-color !default;
517
- // $custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;
518
- // $custom-control-indicator-active-box-shadow: none !default;
519
- // $custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;
520
-
521
- // $custom-checkbox-indicator-border-radius: $border-radius !default;
522
- // $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;
523
-
524
- // $custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;
525
- // $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
526
- // $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;
527
- // $custom-checkbox-indicator-indeterminate-box-shadow: none !default;
528
- // $custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;
529
-
530
- // $custom-radio-indicator-border-radius: 50% !default;
531
- // $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;
532
-
533
- // $custom-switch-width: $custom-control-indicator-size * 1.75 !default;
534
- // $custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;
535
- // $custom-switch-indicator-size: subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;
536
-
537
- // $custom-select-padding-y: $input-padding-y !default;
538
- // $custom-select-padding-x: $input-padding-x !default;
539
- // $custom-select-font-family: $input-font-family !default;
540
- // $custom-select-font-size: $input-font-size !default;
541
- // $custom-select-height: $input-height !default;
542
- // $custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator
543
- // $custom-select-font-weight: $input-font-weight !default;
544
- // $custom-select-line-height: $input-line-height !default;
545
- // $custom-select-color: $input-color !default;
546
- // $custom-select-disabled-color: $gray-600 !default;
547
- // $custom-select-bg: $input-bg !default;
548
- // $custom-select-disabled-bg: $gray-200 !default;
549
- // $custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions
550
- // $custom-select-indicator-color: $gray-800 !default;
551
- // $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;
552
- // $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)
553
-
554
- // $custom-select-feedback-icon-padding-right: add(
555
- // 1em * 0.75,
556
- // (2 * $custom-select-padding-y * 0.75) + $custom-select-padding-x + $custom-select-indicator-padding
557
- // ) !default;
558
- // $custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;
559
- // $custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;
560
-
561
- // $custom-select-border-width: $input-border-width !default;
562
- // $custom-select-border-color: $input-border-color !default;
563
- // $custom-select-border-radius: $border-radius !default;
564
- // $custom-select-box-shadow: inset 0 1px 2px rgba($black, 0.075) !default;
565
-
566
- // $custom-select-focus-border-color: $input-focus-border-color !default;
567
- // $custom-select-focus-width: $input-focus-width !default;
568
- // $custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;
569
-
570
- // $custom-select-padding-y-sm: $input-padding-y-sm !default;
571
- // $custom-select-padding-x-sm: $input-padding-x-sm !default;
572
- // $custom-select-font-size-sm: $input-font-size-sm !default;
573
- // $custom-select-height-sm: $input-height-sm !default;
574
-
575
- // $custom-select-padding-y-lg: $input-padding-y-lg !default;
576
- // $custom-select-padding-x-lg: $input-padding-x-lg !default;
577
- // $custom-select-font-size-lg: $input-font-size-lg !default;
578
- // $custom-select-height-lg: $input-height-lg !default;
579
-
580
- // $custom-range-track-width: 100% !default;
581
- // $custom-range-track-height: 0.5rem !default;
582
- // $custom-range-track-cursor: pointer !default;
583
- // $custom-range-track-bg: $gray-300 !default;
584
- // $custom-range-track-border-radius: 1rem !default;
585
- // $custom-range-track-box-shadow: inset 0 0.25rem 0.25rem rgba($black, 0.1) !default;
586
-
587
- // $custom-range-thumb-width: 1rem !default;
588
- // $custom-range-thumb-height: $custom-range-thumb-width !default;
589
- // $custom-range-thumb-bg: $component-active-bg !default;
590
- // $custom-range-thumb-border: 0 !default;
591
- // $custom-range-thumb-border-radius: 1rem !default;
592
- // $custom-range-thumb-box-shadow: 0 0.1rem 0.25rem rgba($black, 0.1) !default;
593
- // $custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;
594
- // $custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge
595
- // $custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;
596
- // $custom-range-thumb-disabled-bg: $gray-500 !default;
597
-
598
- // $custom-file-height: $input-height !default;
599
- // $custom-file-height-inner: $input-height-inner !default;
600
- // $custom-file-focus-border-color: $input-focus-border-color !default;
601
- // $custom-file-focus-box-shadow: $input-focus-box-shadow !default;
602
- // $custom-file-disabled-bg: $input-disabled-bg !default;
603
-
604
- // $custom-file-padding-y: $input-padding-y !default;
605
- // $custom-file-padding-x: $input-padding-x !default;
606
- // $custom-file-line-height: $input-line-height !default;
607
- // $custom-file-font-family: $input-font-family !default;
608
- // $custom-file-font-weight: $input-font-weight !default;
609
- // $custom-file-color: $input-color !default;
610
- // $custom-file-bg: $input-bg !default;
611
- // $custom-file-border-width: $input-border-width !default;
612
- // $custom-file-border-color: $input-border-color !default;
613
- // $custom-file-border-radius: $input-border-radius !default;
614
- // $custom-file-box-shadow: $input-box-shadow !default;
615
- // $custom-file-button-color: $custom-file-color !default;
616
- // $custom-file-button-bg: $input-group-addon-bg !default;
617
- // $custom-file-text: (
618
- // en: 'Browse'
619
- // ) !default;
620
-
621
- // // Form validation
622
-
623
195
  $form-feedback-margin-top: variables.$form-text-margin-top !default;
624
- // $form-feedback-font-size: $small-font-size !default;
625
- // $form-feedback-valid-color: theme-color('success') !default;
626
196
  $form-feedback-invalid-color: functions.theme-color('danger') !default;
627
197
 
628
- // $form-feedback-icon-valid-color: $form-feedback-valid-color !default;
629
- // $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;
630
- // $form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;
631
- // $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;
632
-
633
- // $form-validation-states: () !default;
634
- // // stylelint-disable-next-line scss/dollar-variable-default
635
- // $form-validation-states: map-merge(
636
- // (
637
- // 'valid': (
638
- // 'color': $form-feedback-valid-color,
639
- // 'icon': $form-feedback-icon-valid
640
- // ),
641
- // 'invalid': (
642
- // 'color': $form-feedback-invalid-color,
643
- // 'icon': $form-feedback-icon-invalid
644
- // )
645
- // ),
646
- // $form-validation-states
647
- // );
648
-
649
- // // Z-index master list
650
- // //
651
- // // Warning: Avoid customizing these values. They're used for a bird's eye view
652
- // // of components dependent on the z-axis and are designed to all work together.
653
-
654
- // $zindex-dropdown: 1000 !default;
655
198
  $zindex-sticky: 1020 !default;
656
199
  $zindex-fixed: 1030 !default;
657
- // $zindex-modal-backdrop: 1040 !default;
658
- // $zindex-modal: 1050 !default;
659
- // $zindex-popover: 1060 !default;
660
- // $zindex-tooltip: 1070 !default;
661
-
662
- // // Navs
663
-
664
- // $nav-link-padding-y: 0.5rem !default;
665
- // $nav-link-padding-x: 1rem !default;
666
- // $nav-link-disabled-color: $gray-600 !default;
667
-
668
- // $nav-tabs-border-color: $gray-300 !default;
669
- // $nav-tabs-border-width: $border-width !default;
670
- // $nav-tabs-border-radius: $border-radius !default;
671
- // $nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;
672
- // $nav-tabs-link-active-color: $gray-700 !default;
673
- // $nav-tabs-link-active-bg: $body-bg !default;
674
- // $nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;
675
-
676
- // $nav-pills-border-radius: $border-radius !default;
677
- // $nav-pills-link-active-color: $component-active-color !default;
678
- // $nav-pills-link-active-bg: $component-active-bg !default;
679
-
680
- // $nav-divider-color: $gray-200 !default;
681
- // $nav-divider-margin-y: $spacer / 2 !default;
682
-
683
- // // Navbar
684
-
685
- // $navbar-padding-y: $spacer / 2 !default;
686
- // $navbar-padding-x: $spacer !default;
687
-
688
- // $navbar-nav-link-padding-x: 0.5rem !default;
689
-
690
- // $navbar-brand-font-size: $font-size-lg !default;
691
- // // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
692
- // $nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;
693
- // $navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;
694
- // $navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;
695
-
696
- // $navbar-toggler-padding-y: 0.25rem !default;
697
- // $navbar-toggler-padding-x: 0.75rem !default;
698
- // $navbar-toggler-font-size: $font-size-lg !default;
699
- // $navbar-toggler-border-radius: $btn-border-radius !default;
700
-
701
- // $navbar-dark-color: rgba($white, 0.5) !default;
702
- // $navbar-dark-hover-color: rgba($white, 0.75) !default;
703
- // $navbar-dark-active-color: $white !default;
704
- // $navbar-dark-disabled-color: rgba($white, 0.25) !default;
705
- // $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;
706
- // $navbar-dark-toggler-border-color: rgba($white, 0.1) !default;
707
-
708
- // $navbar-light-color: rgba($black, 0.5) !default;
709
- // $navbar-light-hover-color: rgba($black, 0.7) !default;
710
- // $navbar-light-active-color: rgba($black, 0.9) !default;
711
- // $navbar-light-disabled-color: rgba($black, 0.3) !default;
712
- // $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;
713
- // $navbar-light-toggler-border-color: rgba($black, 0.1) !default;
714
-
715
- // $navbar-light-brand-color: $navbar-light-active-color !default;
716
- // $navbar-light-brand-hover-color: $navbar-light-active-color !default;
717
- // $navbar-dark-brand-color: $navbar-dark-active-color !default;
718
- // $navbar-dark-brand-hover-color: $navbar-dark-active-color !default;
719
-
720
- // // Dropdowns
721
- // //
722
- // // Dropdown menu container and contents.
723
-
724
- // $dropdown-min-width: 10rem !default;
725
- // $dropdown-padding-y: 0.5rem !default;
726
- // $dropdown-spacer: 0.125rem !default;
727
- // $dropdown-font-size: $font-size-base !default;
728
- // $dropdown-color: $body-color !default;
729
- // $dropdown-bg: $white !default;
730
- // $dropdown-border-color: rgba($black, 0.15) !default;
731
- // $dropdown-border-radius: $border-radius !default;
732
- // $dropdown-border-width: $border-width !default;
733
- // $dropdown-inner-border-radius: subtract($dropdown-border-radius, $dropdown-border-width) !default;
734
- // $dropdown-divider-bg: $gray-200 !default;
735
- // $dropdown-divider-margin-y: $nav-divider-margin-y !default;
736
- // $dropdown-box-shadow: 0 0.5rem 1rem rgba($black, 0.175) !default;
737
-
738
- // $dropdown-link-color: $gray-900 !default;
739
- // $dropdown-link-hover-color: darken($gray-900, 5%) !default;
740
- // $dropdown-link-hover-bg: $gray-100 !default;
741
-
742
- // $dropdown-link-active-color: $component-active-color !default;
743
- // $dropdown-link-active-bg: $component-active-bg !default;
744
-
745
- // $dropdown-link-disabled-color: $gray-600 !default;
746
-
747
- // $dropdown-item-padding-y: 0.25rem !default;
748
- // $dropdown-item-padding-x: 1.5rem !default;
749
-
750
- // $dropdown-header-color: $gray-600 !default;
751
- // $dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;
752
-
753
- // // Pagination
754
-
755
- // $pagination-padding-y: 0.5rem !default;
756
- // $pagination-padding-x: 0.75rem !default;
757
- // $pagination-padding-y-sm: 0.25rem !default;
758
- // $pagination-padding-x-sm: 0.5rem !default;
759
- // $pagination-padding-y-lg: 0.75rem !default;
760
- // $pagination-padding-x-lg: 1.5rem !default;
761
- // $pagination-line-height: 1.25 !default;
762
-
763
- // $pagination-color: $link-color !default;
764
- // $pagination-bg: $white !default;
765
- // $pagination-border-width: $border-width !default;
766
- // $pagination-border-color: $gray-300 !default;
767
200
 
768
- // $pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;
769
201
  $pagination-focus-outline: 0 !default;
770
202
 
771
- // $pagination-hover-color: $link-hover-color !default;
772
- // $pagination-hover-bg: $gray-200 !default;
773
- // $pagination-hover-border-color: $gray-300 !default;
774
-
775
- // $pagination-active-color: $component-active-color !default;
776
- // $pagination-active-bg: $component-active-bg !default;
777
- // $pagination-active-border-color: $pagination-active-bg !default;
778
-
779
- // $pagination-disabled-color: $gray-600 !default;
780
- // $pagination-disabled-bg: $white !default;
781
- // $pagination-disabled-border-color: $gray-300 !default;
782
-
783
- // // Jumbotron
784
-
785
- // $jumbotron-padding: 2rem !default;
786
- // $jumbotron-color: null !default;
787
- // $jumbotron-bg: $gray-200 !default;
788
-
789
- // // Cards
790
-
791
- // $card-spacer-y: 0.75rem !default;
792
- // $card-spacer-x: 1.25rem !default;
793
- // $card-border-width: $border-width !default;
794
- // $card-border-radius: $border-radius !default;
795
- // $card-border-color: rgba($black, 0.125) !default;
796
- // $card-inner-border-radius: subtract($card-border-radius, $card-border-width) !default;
797
- // $card-cap-bg: rgba($black, 0.03) !default;
798
- // $card-cap-color: null !default;
799
- // $card-height: null !default;
800
- // $card-color: null !default;
801
- // $card-bg: $white !default;
802
-
803
- // $card-img-overlay-padding: 1.25rem !default;
804
-
805
- // $card-group-margin: $grid-gutter-width / 2 !default;
806
- // $card-deck-margin: $card-group-margin !default;
807
-
808
- // $card-columns-count: 3 !default;
809
- // $card-columns-gap: 1.25rem !default;
810
- // $card-columns-margin: $card-spacer-y !default;
811
-
812
- // // Tooltips
813
-
814
- // $tooltip-font-size: $font-size-sm !default;
815
- // $tooltip-max-width: 200px !default;
816
- // $tooltip-color: $white !default;
817
- // $tooltip-bg: $black !default;
818
- // $tooltip-border-radius: $border-radius !default;
819
- // $tooltip-opacity: 0.9 !default;
820
- // $tooltip-padding-y: 0.25rem !default;
821
- // $tooltip-padding-x: 0.5rem !default;
822
- // $tooltip-margin: 0 !default;
823
-
824
- // $tooltip-arrow-width: 0.8rem !default;
825
- // $tooltip-arrow-height: 0.4rem !default;
826
- // $tooltip-arrow-color: $tooltip-bg !default;
827
-
828
- // // Form tooltips must come after regular tooltips
829
- // $form-feedback-tooltip-padding-y: $tooltip-padding-y !default;
830
- // $form-feedback-tooltip-padding-x: $tooltip-padding-x !default;
831
- // $form-feedback-tooltip-font-size: $tooltip-font-size !default;
832
- // $form-feedback-tooltip-line-height: $line-height-base !default;
833
- // $form-feedback-tooltip-opacity: $tooltip-opacity !default;
834
- // $form-feedback-tooltip-border-radius: $tooltip-border-radius !default;
835
-
836
- // // Popovers
837
-
838
- // $popover-font-size: $font-size-sm !default;
839
- // $popover-bg: $white !default;
840
- // $popover-max-width: 276px !default;
841
- // $popover-border-width: $border-width !default;
842
- // $popover-border-color: rgba($black, 0.2) !default;
843
- // $popover-border-radius: $border-radius-lg !default;
844
- // $popover-inner-border-radius: subtract($popover-border-radius, $popover-border-width) !default;
845
- // $popover-box-shadow: 0 0.25rem 0.5rem rgba($black, 0.2) !default;
846
-
847
- // $popover-header-bg: darken($popover-bg, 3%) !default;
848
- // $popover-header-color: $headings-color !default;
849
- // $popover-header-padding-y: 0.5rem !default;
850
- // $popover-header-padding-x: 0.75rem !default;
851
-
852
- // $popover-body-color: $body-color !default;
853
- // $popover-body-padding-y: $popover-header-padding-y !default;
854
- // $popover-body-padding-x: $popover-header-padding-x !default;
855
-
856
- // $popover-arrow-width: 1rem !default;
857
- // $popover-arrow-height: 0.5rem !default;
858
- // $popover-arrow-color: $popover-bg !default;
859
-
860
- // $popover-arrow-outer-color: fade-in($popover-border-color, 0.05) !default;
861
-
862
- // // Toasts
863
-
864
- // $toast-max-width: 350px !default;
865
- // $toast-padding-x: 0.75rem !default;
866
- // $toast-padding-y: 0.25rem !default;
867
- // $toast-font-size: 0.875rem !default;
868
- // $toast-color: null !default;
869
- // $toast-background-color: rgba($white, 0.85) !default;
870
- // $toast-border-width: 1px !default;
871
- // $toast-border-color: rgba(0, 0, 0, 0.1) !default;
872
- // $toast-border-radius: 0.25rem !default;
873
- // $toast-box-shadow: 0 0.25rem 0.75rem rgba($black, 0.1) !default;
874
-
875
- // $toast-header-color: $gray-600 !default;
876
- // $toast-header-background-color: rgba($white, 0.85) !default;
877
- // $toast-header-border-color: rgba(0, 0, 0, 0.05) !default;
878
-
879
- // // Badges
880
-
881
- // $badge-font-size: 75% !default;
882
- // $badge-font-weight: $font-weight-bold !default;
883
- // $badge-padding-y: 0.25em !default;
884
- // $badge-padding-x: 0.4em !default;
885
- // $badge-border-radius: $border-radius !default;
886
-
887
- // $badge-transition: $btn-transition !default;
888
- // $badge-focus-width: $input-btn-focus-width !default;
889
-
890
- // $badge-pill-padding-x: 0.6em !default;
891
- // // Use a higher than normal value to ensure completely rounded edges when
892
- // // customizing padding or font-size on labels.
893
- // $badge-pill-border-radius: 10rem !default;
894
-
895
- // // Modals
896
-
897
- // // Padding applied to the modal body
898
- // $modal-inner-padding: 1rem !default;
899
-
900
- // // Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding
901
- // $modal-footer-margin-between: 0.5rem !default;
902
-
903
- // $modal-dialog-margin: 0.5rem !default;
904
- // $modal-dialog-margin-y-sm-up: 1.75rem !default;
905
-
906
- // $modal-title-line-height: $line-height-base !default;
907
-
908
- // $modal-content-color: null !default;
909
- // $modal-content-bg: $white !default;
910
- // $modal-content-border-color: rgba($black, 0.2) !default;
911
- // $modal-content-border-width: $border-width !default;
912
- // $modal-content-border-radius: $border-radius-lg !default;
913
- // $modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;
914
- // $modal-content-box-shadow-xs: 0 0.25rem 0.5rem rgba($black, 0.5) !default;
915
- // $modal-content-box-shadow-sm-up: 0 0.5rem 1rem rgba($black, 0.5) !default;
916
-
917
- // $modal-backdrop-bg: $black !default;
918
- // $modal-backdrop-opacity: 0.5 !default;
919
- // $modal-header-border-color: $border-color !default;
920
- // $modal-footer-border-color: $modal-header-border-color !default;
921
- // $modal-header-border-width: $modal-content-border-width !default;
922
- // $modal-footer-border-width: $modal-header-border-width !default;
923
- // $modal-header-padding-y: 1rem !default;
924
- // $modal-header-padding-x: 1rem !default;
925
- // $modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility
926
-
927
- // $modal-xl: 1140px !default;
928
- // $modal-lg: 800px !default;
929
- // $modal-md: 500px !default;
930
- // $modal-sm: 300px !default;
931
-
932
- // $modal-fade-transform: translate(0, -50px) !default;
933
- // $modal-show-transform: none !default;
934
- // $modal-transition: transform 0.3s ease-out !default;
935
- // $modal-scale-transform: scale(1.02) !default;
936
-
937
- // // Alerts
938
- // //
939
- // // Define alert colors, border radius, and padding.
940
-
941
- // $alert-padding-y: 0.75rem !default;
942
- // $alert-padding-x: 1.25rem !default;
943
- // $alert-margin-bottom: 1rem !default;
944
203
  $alert-border-radius: variables.$border-radius !default;
945
204
  $alert-link-font-weight: $font-weight-bold !default;
946
205
  $alert-border-width: $border-width !default;
947
206
 
948
- // $alert-bg-level: -10 !default;
949
- // $alert-border-level: -9 !default;
950
- // $alert-color-level: 6 !default;
951
-
952
- // // Progress bars
953
-
954
- // $progress-height: 1rem !default;
955
207
  $progress-font-size: variables.$font-size-base * 0.75 !default;
956
208
  $progress-bg: variables.$gray-200 !default;
957
- // $progress-border-radius: $border-radius !default;
958
- // $progress-box-shadow: inset 0 0.1rem 0.1rem rgba($black, 0.1) !default;
959
209
  $progress-bar-color: variables.$white !default;
960
- // $progress-bar-bg: theme-color('primary') !default;
961
210
  $progress-bar-animation-timing: 1s linear infinite !default;
962
211
  $progress-bar-transition: width 0.6s ease !default;
963
212
 
964
- // // List group
965
-
966
- // $list-group-color: null !default;
967
- // $list-group-bg: $white !default;
968
- // $list-group-border-color: rgba($black, 0.125) !default;
969
- // $list-group-border-width: $border-width !default;
970
- // $list-group-border-radius: $border-radius !default;
971
-
972
- // $list-group-item-padding-y: 0.75rem !default;
973
- // $list-group-item-padding-x: 1.25rem !default;
974
-
975
- // $list-group-hover-bg: $gray-100 !default;
976
- // $list-group-active-color: $component-active-color !default;
977
- // $list-group-active-bg: $component-active-bg !default;
978
- // $list-group-active-border-color: $list-group-active-bg !default;
979
-
980
- // $list-group-disabled-color: $gray-600 !default;
981
- // $list-group-disabled-bg: $list-group-bg !default;
982
-
983
- // $list-group-action-color: $gray-700 !default;
984
- // $list-group-action-hover-color: $list-group-action-color !default;
985
-
986
- // $list-group-action-active-color: $body-color !default;
987
- // $list-group-action-active-bg: $gray-200 !default;
988
-
989
- // // Image thumbnails
990
-
991
- // $thumbnail-padding: 0.25rem !default;
992
- // $thumbnail-bg: $body-bg !default;
993
- // $thumbnail-border-width: $border-width !default;
994
- // $thumbnail-border-color: $gray-300 !default;
995
- // $thumbnail-border-radius: $border-radius !default;
996
- // $thumbnail-box-shadow: 0 1px 2px rgba($black, 0.075) !default;
997
-
998
- // // Figures
999
-
1000
- // $figure-caption-font-size: 90% !default;
1001
- // $figure-caption-color: $gray-600 !default;
1002
-
1003
- // // Breadcrumbs
1004
-
1005
- // $breadcrumb-font-size: null !default;
1006
-
1007
- // $breadcrumb-padding-y: 0.75rem !default;
1008
- // $breadcrumb-padding-x: 1rem !default;
1009
- // $breadcrumb-item-padding: 0.5rem !default;
1010
-
1011
- // $breadcrumb-margin-bottom: 1rem !default;
1012
-
1013
- // $breadcrumb-bg: $gray-200 !default;
1014
- // $breadcrumb-divider-color: $gray-600 !default;
1015
- // $breadcrumb-active-color: $gray-600 !default;
1016
- // $breadcrumb-divider: quote('/') !default;
1017
-
1018
- // $breadcrumb-border-radius: $border-radius !default;
1019
-
1020
- // // Carousel
1021
-
1022
- // $carousel-control-color: $white !default;
1023
- // $carousel-control-width: 15% !default;
1024
- // $carousel-control-opacity: 0.5 !default;
1025
- // $carousel-control-hover-opacity: 0.9 !default;
1026
- // $carousel-control-transition: opacity 0.15s ease !default;
1027
-
1028
- // $carousel-indicator-width: 30px !default;
1029
- // $carousel-indicator-height: 3px !default;
1030
- // $carousel-indicator-hit-area-height: 10px !default;
1031
- // $carousel-indicator-spacer: 3px !default;
1032
- // $carousel-indicator-active-bg: $white !default;
1033
- // $carousel-indicator-transition: opacity 0.6s ease !default;
1034
-
1035
- // $carousel-caption-width: 70% !default;
1036
- // $carousel-caption-color: $white !default;
1037
-
1038
- // $carousel-control-icon-width: 20px !default;
1039
-
1040
- // $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;
1041
- // $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;
1042
-
1043
- // $carousel-transition-duration: 0.6s !default;
1044
- // $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`)
1045
-
1046
- // // Spinners
1047
-
1048
- // $spinner-width: 2rem !default;
1049
- // $spinner-height: $spinner-width !default;
1050
- // $spinner-border-width: 0.25em !default;
1051
-
1052
- // $spinner-width-sm: 1rem !default;
1053
- // $spinner-height-sm: $spinner-width-sm !default;
1054
- // $spinner-border-width-sm: 0.2em !default;
1055
-
1056
- // // Close
1057
-
1058
- // $close-font-size: $font-size-base * 1.5 !default;
1059
- // $close-font-weight: $font-weight-bold !default;
1060
- // $close-color: $black !default;
1061
- // $close-text-shadow: 0 1px 0 $white !default;
1062
-
1063
- // // Code
1064
-
1065
- // $code-font-size: 87.5% !default;
1066
- // $code-color: $pink !default;
1067
-
1068
213
  $kbd-padding-y: 0.2rem !default;
1069
214
  $kbd-padding-x: 0.4rem !default;
1070
215
  $kbd-font-size: variables.$code-font-size !default;
1071
216
  $kbd-color: variables.$white !default;
1072
217
  $kbd-bg: variables.$gray-900 !default;
1073
218
 
1074
- $pre-color: variables.$gray-900 !default;
219
+ $pre-color: variables.$gray-800 !default;
1075
220
  $pre-scrollable-max-height: 340px !default;
1076
221
 
1077
- // // Utilities
1078
-
1079
222
  $displays: none, inline, inline-block, block, table, table-row, table-cell, flex, contents, inline-flex !default;
1080
223
  $overflows: auto, hidden !default;
1081
224
  $positions: static, relative, absolute, fixed, sticky !default;
1082
225
  $user-selects: all, auto, none !default;
1083
-
1084
- // // Printing
1085
-
1086
- // $print-page-size: a3 !default;
1087
- // $print-body-min-width: map-get($grid-breakpoints, 'lg') !default;