tiny-ui 0.0.94 → 0.0.95

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 (300) hide show
  1. package/.stylelintrc +19 -0
  2. package/babel.config.js +30 -0
  3. package/components/_utils/dom.ts +1 -1
  4. package/components/alert/__tests__/alert.test.tsx +36 -38
  5. package/components/aspect-ratio/__tests__/aspect-ratio.test.tsx +7 -4
  6. package/components/button/__tests__/button-group.test.tsx +49 -8
  7. package/components/checkbox/checkbox.tsx +3 -3
  8. package/components/grid/style/_index.scss +2 -2
  9. package/components/index.ts +5 -3
  10. package/components/input/input.tsx +1 -1
  11. package/components/layout/layout.tsx +1 -1
  12. package/components/link/__test__/__snapshots__/link.test.tsx.snap +17 -0
  13. package/components/link/__test__/link.test.tsx +27 -0
  14. package/components/popup/index.tsx +3 -4
  15. package/components/popup/style/_index.scss +5 -4
  16. package/components/radio/radio.tsx +1 -1
  17. package/components/sticky/style/_index.scss +4 -1
  18. package/components/style/_animation.scss +3 -0
  19. package/components/style/_component.scss +0 -1
  20. package/components/style/_font.scss +247 -246
  21. package/components/style/_mixins.scss +1 -1
  22. package/components/style/_normalise.scss +7 -0
  23. package/components/style/_variables.scss +183 -183
  24. package/components/switch/index.tsx +1 -1
  25. package/components/switch/style/_mixin.scss +2 -2
  26. package/components/tooltip/style/_index.scss +5 -4
  27. package/dist/styles/index.css +7140 -5434
  28. package/dist/styles/index.css.map +1 -1
  29. package/dist/styles/index.min.css +1 -1
  30. package/dist/styles/index.min.css.map +1 -1
  31. package/dist/tiny.js +3695 -1916
  32. package/dist/tiny.map +1 -1
  33. package/dist/tiny.min.js +2 -6
  34. package/dist/tiny.min.js.LICENSE.txt +20 -0
  35. package/lib/_utils/dom.d.ts +8 -1
  36. package/lib/_utils/general.js +2 -2
  37. package/lib/_utils/general.js.map +1 -1
  38. package/lib/_utils/warning.js +1 -1
  39. package/lib/_utils/warning.js.map +1 -1
  40. package/lib/alert/index.js +7 -7
  41. package/lib/alert/index.js.map +1 -1
  42. package/lib/anchor/anchor-link.d.ts +1 -1
  43. package/lib/anchor/anchor-link.js +3 -3
  44. package/lib/anchor/anchor-link.js.map +1 -1
  45. package/lib/anchor/anchor.js +8 -8
  46. package/lib/anchor/anchor.js.map +1 -1
  47. package/lib/aspect-ratio/index.js +2 -2
  48. package/lib/aspect-ratio/index.js.map +1 -1
  49. package/lib/avatar/avatar.js +8 -8
  50. package/lib/avatar/avatar.js.map +1 -1
  51. package/lib/badge/index.js +4 -4
  52. package/lib/badge/index.js.map +1 -1
  53. package/lib/breadcrumb/breadcrumb-item.js +1 -1
  54. package/lib/breadcrumb/breadcrumb-item.js.map +1 -1
  55. package/lib/breadcrumb/breadcrumb.js +1 -1
  56. package/lib/breadcrumb/breadcrumb.js.map +1 -1
  57. package/lib/button/button-group.d.ts +1 -1
  58. package/lib/button/button-group.js +2 -2
  59. package/lib/button/button-group.js.map +1 -1
  60. package/lib/button/button.d.ts +1 -1
  61. package/lib/button/button.js +9 -9
  62. package/lib/button/button.js.map +1 -1
  63. package/lib/calendar/index.js +4 -4
  64. package/lib/calendar/index.js.map +1 -1
  65. package/lib/card/card-content.js +1 -1
  66. package/lib/card/card-content.js.map +1 -1
  67. package/lib/card/card.js +5 -5
  68. package/lib/card/card.js.map +1 -1
  69. package/lib/carousel/arrow-group.js +3 -3
  70. package/lib/carousel/arrow-group.js.map +1 -1
  71. package/lib/carousel/carousel.js +3 -3
  72. package/lib/carousel/carousel.js.map +1 -1
  73. package/lib/carousel/dot-group.js +3 -3
  74. package/lib/carousel/dot-group.js.map +1 -1
  75. package/lib/checkbox/checkbox-group.d.ts +1 -1
  76. package/lib/checkbox/checkbox-group.js +3 -3
  77. package/lib/checkbox/checkbox-group.js.map +1 -1
  78. package/lib/checkbox/checkbox.d.ts +1 -1
  79. package/lib/checkbox/checkbox.js +8 -8
  80. package/lib/checkbox/checkbox.js.map +1 -1
  81. package/lib/collapse/collapse-panel.js +8 -8
  82. package/lib/collapse/collapse-panel.js.map +1 -1
  83. package/lib/collapse/collapse.d.ts +1 -1
  84. package/lib/collapse/collapse.js +4 -4
  85. package/lib/collapse/collapse.js.map +1 -1
  86. package/lib/date-picker/picker-day.js +9 -9
  87. package/lib/date-picker/picker-day.js.map +1 -1
  88. package/lib/date-picker/picker-header.js +7 -7
  89. package/lib/date-picker/picker-header.js.map +1 -1
  90. package/lib/descriptions/col.js +7 -7
  91. package/lib/descriptions/col.js.map +1 -1
  92. package/lib/descriptions/descriptions.js +4 -4
  93. package/lib/descriptions/descriptions.js.map +1 -1
  94. package/lib/descriptions/row.js +3 -3
  95. package/lib/descriptions/row.js.map +1 -1
  96. package/lib/divider/index.js +4 -4
  97. package/lib/divider/index.js.map +1 -1
  98. package/lib/drawer/index.js +7 -7
  99. package/lib/drawer/index.js.map +1 -1
  100. package/lib/empty/index.js +4 -4
  101. package/lib/empty/index.js.map +1 -1
  102. package/lib/flip/flip.js +11 -11
  103. package/lib/flip/flip.js.map +1 -1
  104. package/lib/form/form-helper.js +1 -1
  105. package/lib/form/form-helper.js.map +1 -1
  106. package/lib/form/form-item.js +11 -11
  107. package/lib/form/form-item.js.map +1 -1
  108. package/lib/form/form.js +1 -1
  109. package/lib/form/form.js.map +1 -1
  110. package/lib/grid/col.js +4 -4
  111. package/lib/grid/col.js.map +1 -1
  112. package/lib/grid/row.js +2 -2
  113. package/lib/grid/row.js.map +1 -1
  114. package/lib/grid/style/_index.scss +2 -2
  115. package/lib/icon/index.js +2 -2
  116. package/lib/icon/index.js.map +1 -1
  117. package/lib/image/index.js +1 -1
  118. package/lib/image/index.js.map +1 -1
  119. package/lib/index.d.ts +1 -2
  120. package/lib/index.js +1 -2
  121. package/lib/index.js.map +1 -1
  122. package/lib/input/input-group-addon.js +2 -2
  123. package/lib/input/input-group-addon.js.map +1 -1
  124. package/lib/input/input.d.ts +1 -1
  125. package/lib/input/input.js +7 -7
  126. package/lib/input/input.js.map +1 -1
  127. package/lib/input-number/index.js +9 -9
  128. package/lib/input-number/index.js.map +1 -1
  129. package/lib/input-password/index.js +2 -2
  130. package/lib/input-password/index.js.map +1 -1
  131. package/lib/keyboard/index.d.ts +1 -1
  132. package/lib/layout/layout.d.ts +4 -4
  133. package/lib/layout/layout.js +1 -1
  134. package/lib/layout/layout.js.map +1 -1
  135. package/lib/layout/sidebar.d.ts +1 -1
  136. package/lib/layout/sidebar.js +4 -4
  137. package/lib/layout/sidebar.js.map +1 -1
  138. package/lib/link/index.js +2 -2
  139. package/lib/link/index.js.map +1 -1
  140. package/lib/loader/index.js +9 -9
  141. package/lib/loader/index.js.map +1 -1
  142. package/lib/loader/indicator.js +5 -5
  143. package/lib/loader/indicator.js.map +1 -1
  144. package/lib/loading-bar/index.js +1 -1
  145. package/lib/loading-bar/index.js.map +1 -1
  146. package/lib/loading-bar/loading-bar.js +1 -1
  147. package/lib/loading-bar/loading-bar.js.map +1 -1
  148. package/lib/menu/menu-item-group.js +3 -3
  149. package/lib/menu/menu-item-group.js.map +1 -1
  150. package/lib/menu/menu-item.js +2 -2
  151. package/lib/menu/menu-item.js.map +1 -1
  152. package/lib/menu/menu.js +2 -2
  153. package/lib/menu/menu.js.map +1 -1
  154. package/lib/menu/sub-menu.js +11 -11
  155. package/lib/menu/sub-menu.js.map +1 -1
  156. package/lib/message/index.js +2 -2
  157. package/lib/message/index.js.map +1 -1
  158. package/lib/message/message.js +9 -9
  159. package/lib/message/message.js.map +1 -1
  160. package/lib/modal/index.js +10 -10
  161. package/lib/modal/index.js.map +1 -1
  162. package/lib/native-select/native-opt-group.d.ts +3 -3
  163. package/lib/native-select/native-option.d.ts +3 -3
  164. package/lib/native-select/native-select.d.ts +1 -1
  165. package/lib/native-select/native-select.js +2 -2
  166. package/lib/native-select/native-select.js.map +1 -1
  167. package/lib/notification/index.js +6 -6
  168. package/lib/notification/index.js.map +1 -1
  169. package/lib/notification/notification.js +6 -6
  170. package/lib/notification/notification.js.map +1 -1
  171. package/lib/overlay/index.js +2 -2
  172. package/lib/overlay/index.js.map +1 -1
  173. package/lib/pagination/index.js +11 -11
  174. package/lib/pagination/index.js.map +1 -1
  175. package/lib/pop-confirm/index.js +4 -4
  176. package/lib/pop-confirm/index.js.map +1 -1
  177. package/lib/popover/index.js +4 -4
  178. package/lib/popover/index.js.map +1 -1
  179. package/lib/popup/index.js +6 -6
  180. package/lib/popup/index.js.map +1 -1
  181. package/lib/popup/style/_index.scss +5 -4
  182. package/lib/progress/bar.js +10 -10
  183. package/lib/progress/bar.js.map +1 -1
  184. package/lib/progress/circle.js +6 -6
  185. package/lib/progress/circle.js.map +1 -1
  186. package/lib/progress/index.d.ts +2 -2
  187. package/lib/radio/radio-group.d.ts +1 -1
  188. package/lib/radio/radio.d.ts +1 -1
  189. package/lib/radio/radio.js +5 -5
  190. package/lib/radio/radio.js.map +1 -1
  191. package/lib/rate/index.d.ts +1 -1
  192. package/lib/rate/rate-item.js +3 -3
  193. package/lib/rate/rate-item.js.map +1 -1
  194. package/lib/result/index.d.ts +1 -1
  195. package/lib/result/index.js +7 -7
  196. package/lib/result/index.js.map +1 -1
  197. package/lib/scroll-indicator/index.js +2 -2
  198. package/lib/scroll-indicator/index.js.map +1 -1
  199. package/lib/select/opt-group.js +2 -2
  200. package/lib/select/opt-group.js.map +1 -1
  201. package/lib/select/option.js +3 -3
  202. package/lib/select/option.js.map +1 -1
  203. package/lib/select/select.js +3 -3
  204. package/lib/select/select.js.map +1 -1
  205. package/lib/skeleton/index.d.ts +1 -1
  206. package/lib/skeleton/index.js +2 -2
  207. package/lib/skeleton/index.js.map +1 -1
  208. package/lib/slider/index.d.ts +1 -1
  209. package/lib/slider/index.js +23 -23
  210. package/lib/slider/index.js.map +1 -1
  211. package/lib/space/index.d.ts +1 -1
  212. package/lib/space/index.js +2 -2
  213. package/lib/space/index.js.map +1 -1
  214. package/lib/split/resizer.js +2 -2
  215. package/lib/split/resizer.js.map +1 -1
  216. package/lib/split/split-pane.d.ts +1 -1
  217. package/lib/split/split.js +2 -2
  218. package/lib/split/split.js.map +1 -1
  219. package/lib/split-button/index.js +1 -1
  220. package/lib/split-button/index.js.map +1 -1
  221. package/lib/steps/steps-item.d.ts +1 -1
  222. package/lib/steps/steps-item.js +8 -8
  223. package/lib/steps/steps-item.js.map +1 -1
  224. package/lib/steps/steps.d.ts +1 -1
  225. package/lib/steps/steps.js +1 -1
  226. package/lib/steps/steps.js.map +1 -1
  227. package/lib/sticky/style/_index.scss +4 -1
  228. package/lib/strength-indicator/index.d.ts +1 -1
  229. package/lib/strength-indicator/index.js +4 -4
  230. package/lib/strength-indicator/index.js.map +1 -1
  231. package/lib/style/_animation.scss +3 -0
  232. package/lib/style/_component.scss +0 -1
  233. package/lib/style/_font.scss +247 -246
  234. package/lib/style/_mixins.scss +1 -1
  235. package/lib/style/_normalise.scss +7 -0
  236. package/lib/style/_variables.scss +183 -183
  237. package/lib/style/index.css +7140 -5433
  238. package/lib/switch/index.d.ts +1 -1
  239. package/lib/switch/index.js +8 -8
  240. package/lib/switch/index.js.map +1 -1
  241. package/lib/switch/style/_mixin.scss +2 -2
  242. package/lib/tabs/style/index.css +64 -52
  243. package/lib/tabs/tab-panel.d.ts +1 -1
  244. package/lib/tabs/tab-panel.js +1 -1
  245. package/lib/tabs/tab-panel.js.map +1 -1
  246. package/lib/tabs/tabs.d.ts +1 -1
  247. package/lib/tabs/tabs.js +20 -20
  248. package/lib/tabs/tabs.js.map +1 -1
  249. package/lib/tag/checkable-tag.js +1 -1
  250. package/lib/tag/checkable-tag.js.map +1 -1
  251. package/lib/tag/tag.js +4 -4
  252. package/lib/tag/tag.js.map +1 -1
  253. package/lib/textarea/index.js +3 -3
  254. package/lib/textarea/index.js.map +1 -1
  255. package/lib/time-picker/time-panel.js +5 -5
  256. package/lib/time-picker/time-panel.js.map +1 -1
  257. package/lib/timeline/timeline-item.js +3 -3
  258. package/lib/timeline/timeline-item.js.map +1 -1
  259. package/lib/timeline/timeline.js +3 -3
  260. package/lib/timeline/timeline.js.map +1 -1
  261. package/lib/tooltip/index.js +1 -1
  262. package/lib/tooltip/index.js.map +1 -1
  263. package/lib/tooltip/style/_index.scss +5 -4
  264. package/lib/transfer/transfer-panel.d.ts +1 -1
  265. package/lib/transfer/transfer-panel.js +9 -9
  266. package/lib/transfer/transfer-panel.js.map +1 -1
  267. package/lib/transfer/transfer.d.ts +1 -1
  268. package/lib/transfer/transfer.js +8 -8
  269. package/lib/transfer/transfer.js.map +1 -1
  270. package/lib/transition/index.js +1 -1
  271. package/lib/transition/index.js.map +1 -1
  272. package/lib/tree/tree-instance.js +2 -3
  273. package/lib/tree/tree-instance.js.map +1 -1
  274. package/lib/tree/tree-node.js +7 -7
  275. package/lib/tree/tree-node.js.map +1 -1
  276. package/lib/tree/tree.d.ts +1 -1
  277. package/lib/tree/tree.js +3 -3
  278. package/lib/tree/tree.js.map +1 -1
  279. package/lib/typography/heading.js +1 -1
  280. package/lib/typography/heading.js.map +1 -1
  281. package/lib/typography/paragraph.d.ts +1 -1
  282. package/lib/typography/typography.d.ts +1 -1
  283. package/lib/upload/dragger-cover.js +3 -3
  284. package/lib/upload/dragger-cover.js.map +1 -1
  285. package/lib/upload/upload-list.js +6 -6
  286. package/lib/upload/upload-list.js.map +1 -1
  287. package/lib/upload/upload.js +4 -4
  288. package/lib/upload/upload.js.map +1 -1
  289. package/package.json +89 -70
  290. package/components/waterfall/index.tsx +0 -78
  291. package/components/waterfall/style/_index.scss +0 -10
  292. package/components/waterfall/style/index.tsx +0 -1
  293. package/lib/waterfall/index.d.ts +0 -9
  294. package/lib/waterfall/index.js +0 -54
  295. package/lib/waterfall/index.js.map +0 -1
  296. package/lib/waterfall/style/_index.scss +0 -10
  297. package/lib/waterfall/style/css.js +0 -2
  298. package/lib/waterfall/style/index.d.ts +0 -1
  299. package/lib/waterfall/style/index.js +0 -2
  300. package/lib/waterfall/style/index.js.map +0 -1
package/lib/style/_mixins.scss CHANGED
@@ -6,7 +6,7 @@
6
6
  height: 1em;
7
7
  position: relative;
8
8
  border-width: 2px;
9
- border-color: currentcolor currentcolor transparent transparent;
9
+ border-color: currentColor currentColor transparent transparent;
10
10
  border-style: solid;
11
11
  border-radius: 50%;
12
12
  animation: ty-rotate-reverse 600ms infinite linear;
package/lib/style/_normalise.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  @import "./variables";
2
+
2
3
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
3
4
 
4
5
  // Reboot
@@ -56,31 +57,37 @@ main {
56
57
 
57
58
  h1 {
58
59
  @extend %heading;
60
+
59
61
  font-size: $h1-font-size;
60
62
  }
61
63
 
62
64
  h2 {
63
65
  @extend %heading;
66
+
64
67
  font-size: $h2-font-size;
65
68
  }
66
69
 
67
70
  h3 {
68
71
  @extend %heading;
72
+
69
73
  font-size: $h3-font-size;
70
74
  }
71
75
 
72
76
  h4 {
73
77
  @extend %heading;
78
+
74
79
  font-size: $h4-font-size;
75
80
  }
76
81
 
77
82
  h5 {
78
83
  @extend %heading;
84
+
79
85
  font-size: $h5-font-size;
80
86
  }
81
87
 
82
88
  h6 {
83
89
  @extend %heading;
90
+
84
91
  font-size: $h6-font-size;
85
92
  }
86
93
 
package/lib/style/_variables.scss CHANGED
@@ -1,264 +1,264 @@
1
- $prefix: 'ty' !default;
1
+ $prefix: 'ty' !default;
2
2
 
3
3
  // Color
4
- $primary-color: #6E41BF !default;
5
-
6
- $white-color: #fff !default;
7
- $gray-100: #f6f9fc !default;
8
- $gray-200: #e9ecef !default;
9
- $gray-300: #dee2e6 !default;
10
- $gray-400: #ced4da !default;
11
- $gray-500: #adb5bd !default;
12
- $gray-600: #8898aa !default;
13
- $gray-700: #525f7f !default;
14
- $gray-800: #32325d !default;
15
- $gray-900: #212529 !default;
16
- $black-color: #000 !default;
17
-
18
- $red-color: #dc3545 !default;
19
- $orange-color: #fd7e14 !default;
20
- $yellow-color: #fadb14 !default;
21
- $green-color: #52c41a !default;
22
- $teal-color: #20c997 !default;
23
- $cyan-color: #17a2b8 !default;
24
- $blue-color: #0d6efd !default;
25
- $indigo-color: #6610f2 !default;
26
- $purple-color: #6f42c1 !default;
27
- $magenta-color: #eb2f96 !default;
4
+ $primary-color: #6e41bf !default;
5
+
6
+ $white-color: #fff !default;
7
+ $gray-100: #f6f9fc !default;
8
+ $gray-200: #e9ecef !default;
9
+ $gray-300: #dee2e6 !default;
10
+ $gray-400: #ced4da !default;
11
+ $gray-500: #adb5bd !default;
12
+ $gray-600: #8898aa !default;
13
+ $gray-700: #525f7f !default;
14
+ $gray-800: #32325d !default;
15
+ $gray-900: #212529 !default;
16
+ $black-color: #000 !default;
17
+
18
+ $red-color: #dc3545 !default;
19
+ $orange-color: #fd7e14 !default;
20
+ $yellow-color: #fadb14 !default;
21
+ $green-color: #52c41a !default;
22
+ $teal-color: #20c997 !default;
23
+ $cyan-color: #17a2b8 !default;
24
+ $blue-color: #0d6efd !default;
25
+ $indigo-color: #6610f2 !default;
26
+ $purple-color: #6f42c1 !default;
27
+ $magenta-color: #eb2f96 !default;
28
28
 
29
29
  // Info
30
- $info-color: #1890ff !default;
31
- $info-light-color: #91d5ff !default;
32
- $info-lighter-color: #e6f7ff !default;
30
+ $info-color: #1890ff !default;
31
+ $info-light-color: #91d5ff !default;
32
+ $info-lighter-color: #e6f7ff !default;
33
33
 
34
34
  // Success
35
- $success-color: #52c41a !default;
36
- $success-light-color: #b7eb8f !default;
37
- $success-lighter-color: #f6ffed !default;
35
+ $success-color: #52c41a !default;
36
+ $success-light-color: #b7eb8f !default;
37
+ $success-lighter-color: #f6ffed !default;
38
38
 
39
39
  // Warn
40
- $warning-color: #ff9800 !default;
41
- $warning-light-color: #ffe58f !default;
42
- $warning-lighter-color: #fffbe6 !default;
40
+ $warning-color: #ff9800 !default;
41
+ $warning-light-color: #ffe58f !default;
42
+ $warning-lighter-color: #fffbe6 !default;
43
43
 
44
44
  // Error
45
- $danger-color: #f44336 !default;
46
- $danger-light-color: #ffa39e !default;
47
- $danger-lighter-color: #fff1f0 !default;
45
+ $danger-color: #f44336 !default;
46
+ $danger-light-color: #ffa39e !default;
47
+ $danger-lighter-color: #fff1f0 !default;
48
48
 
49
49
  // Body
50
- $body-bg-color: $white-color !default;
51
- $body-color: $gray-800 !default;
50
+ $body-bg-color: $white-color !default;
51
+ $body-color: $gray-800 !default;
52
52
 
53
53
  // Font & Font family
54
- $font-color: $body-color !default;
55
- $font-path: 'fonts' !default;
56
- $font-size-base: 1rem !default;
57
- $font-size-lg: $font-size-base * 1.25 !default;
58
- $font-size-sm: $font-size-base * .875 !default;
59
- $font-weight: 400 !default;
54
+ $font-color: $body-color !default;
55
+ $font-path: 'fonts' !default;
56
+ $font-size-base: 1rem !default;
57
+ $font-size-lg: $font-size-base * 1.25 !default;
58
+ $font-size-sm: $font-size-base * 0.875 !default;
59
+ $font-weight: 400 !default;
60
60
 
61
- $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;
62
- $font-family-monospace: lucida console,Consolas,Monaco,andale mono,ubuntu mono,monospace !default;
63
- $font-family: $font-family-sans-serif !default;
61
+ $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;
62
+ $font-family-monospace: lucida console,consolas,monaco,andale mono,ubuntu mono,monospace !default;
63
+ $font-family: $font-family-sans-serif !default;
64
64
 
65
- $height-sm: 24px !default;
66
- $height-md: 32px !default;
67
- $height-lg: 42px !default;
65
+ $height-sm: 24px !default;
66
+ $height-md: 32px !default;
67
+ $height-lg: 42px !default;
68
68
 
69
- $line-height-base: 1.5 !default;
70
- $line-height-lg: 2 !default;
71
- $line-height-sm: 1.25 !default;
69
+ $line-height-base: 1.5 !default;
70
+ $line-height-lg: 2 !default;
71
+ $line-height-sm: 1.25 !default;
72
72
 
73
73
  // Responsive breakpoints
74
- $size-xs: 480px !default;
75
- $size-sm: 600px !default;
76
- $size-md: 840px !default;
77
- $size-lg: 960px !default;
78
- $size-xl: 1280px !default;
79
- $size-xxl: 1440px !default;
74
+ $size-xs: 480px !default;
75
+ $size-sm: 600px !default;
76
+ $size-md: 840px !default;
77
+ $size-lg: 960px !default;
78
+ $size-xl: 1280px !default;
79
+ $size-xxl: 1440px !default;
80
80
 
81
81
  // Layout
82
- $layout-body-background: #fff !default;
83
- $layout-header-background: #fff !default;
84
- $layout-header-padding: 0 50px !default;
85
- $layout-header-height: 60px !default;
86
- $layout-footer-background: #fff !default;
87
- $layout-footer-padding: 24px 50px !default;
88
- $layout-sidebar-background: #12131a !default;
82
+ $layout-body-background: #fff !default;
83
+ $layout-header-background: #fff !default;
84
+ $layout-header-padding: 0 50px !default;
85
+ $layout-header-height: 60px !default;
86
+ $layout-footer-background: #fff !default;
87
+ $layout-footer-padding: 24px 50px !default;
88
+ $layout-sidebar-background: #12131a !default;
89
89
 
90
90
  // Spacing
91
91
  $spacer: 1rem !default;
92
92
 
93
93
  // Typography
94
- $h1-font-size: $font-size-base * 2.5 !default;
95
- $h2-font-size: $font-size-base * 2 !default;
96
- $h3-font-size: $font-size-base * 1.75 !default;
97
- $h4-font-size: $font-size-base * 1.5 !default;
98
- $h5-font-size: $font-size-base * 1.25 !default;
99
- $h6-font-size: $font-size-base !default;
100
-
101
- $headings-margin-bottom: $spacer / 2 !default;
102
- $headings-font-family: null !default;
103
- $headings-font-style: null !default;
104
- $headings-font-weight: 500 !default;
105
- $headings-line-height: 1.2 !default;
106
- $headings-color: null !default;
94
+ $h1-font-size: $font-size-base * 2.5 !default;
95
+ $h2-font-size: $font-size-base * 2 !default;
96
+ $h3-font-size: $font-size-base * 1.75 !default;
97
+ $h4-font-size: $font-size-base * 1.5 !default;
98
+ $h5-font-size: $font-size-base * 1.25 !default;
99
+ $h6-font-size: $font-size-base !default;
100
+
101
+ $headings-margin-bottom: calc($spacer / 2) !default;
102
+ $headings-font-family: null !default;
103
+ $headings-font-style: null !default;
104
+ $headings-font-weight: 500 !default;
105
+ $headings-line-height: 1.2 !default;
106
+ $headings-color: null !default;
107
107
 
108
108
  // Border & Border Radius
109
- $border-radius: 2px !default;
110
- $border-width: 1px !default;
111
- $border-color: $gray-300 !default;
109
+ $border-radius: 2px !default;
110
+ $border-width: 1px !default;
111
+ $border-color: $gray-300 !default;
112
112
 
113
113
  // Box shadow
114
- $box-shadow-sm: 0 .125rem .25rem rgba($black-color, .075) !default;
115
- $box-shadow: 0 .5rem 1rem rgba($black-color, .15) !default;
116
- $box-shadow-lg: 0 1rem 3rem rgba($black-color, .175) !default;
117
- $box-shadow-inset: inset 0 1px 2px rgba($black-color, .075) !default;
114
+ $box-shadow-sm: 0 0.125rem 0.25rem rgba($black-color, 0.075) !default;
115
+ $box-shadow: 0 0.5rem 1rem rgba($black-color, 0.15) !default;
116
+ $box-shadow-lg: 0 1rem 3rem rgba($black-color, 0.175) !default;
117
+ $box-shadow-inset: inset 0 1px 2px rgba($black-color, 0.075) !default;
118
118
 
119
119
  // Code
120
- $code-font-size: .875em !default;
121
- $code-color: $gray-800 !default;
122
- $pre-color: null !default;
120
+ $code-font-size: 0.875em !default;
121
+ $code-color: $gray-800 !default;
122
+ $pre-color: null !default;
123
123
 
124
124
  // Link
125
- $link-color: $primary-color !default;
126
- $link-decoration: none !default;
127
- $link-hover-color: darken($link-color, 15%) !default;
128
- $link-hover-decoration: underline !default;
125
+ $link-color: $primary-color !default;
126
+ $link-decoration: none !default;
127
+ $link-hover-color: darken($link-color, 15%) !default;
128
+ $link-hover-decoration: underline !default;
129
129
 
130
130
  // Alert
131
- $alert-border-radius: 3px !default;
131
+ $alert-border-radius: 3px !default;
132
132
 
133
133
  // Avatar
134
- $avatar-bg: #ccc !default;
135
- $avatar-color: #fff !default;
136
- $avatar-border-radius: 2px !default;
134
+ $avatar-bg: #ccc !default;
135
+ $avatar-color: #fff !default;
136
+ $avatar-border-radius: 2px !default;
137
137
 
138
138
  // Collapse
139
- $collapse-border-radius: $border-radius !default;
139
+ $collapse-border-radius: $border-radius !default;
140
140
 
141
141
  // Badge
142
- $badge-font-size: 12px !default;
143
- $badge-size: 18px !default;
144
- $badge-dot-size: 6px !default;
142
+ $badge-font-size: 12px !default;
143
+ $badge-size: 18px !default;
144
+ $badge-dot-size: 6px !default;
145
145
 
146
146
  // Button
147
- $btn-font-size-sm: $font-size-sm !default;
148
- $btn-font-size-md: $font-size-base !default;
149
- $btn-font-size-lg: $font-size-lg !default;
150
- $btn-padding-sm: 0 10px !default;
151
- $btn-padding-md: 0 15px !default;
152
- $btn-padding-lg: 0 28px !default;
153
- $btn-height-sm: $height-sm !default;
154
- $btn-height-md: $height-md !default;
155
- $btn-height-lg: $height-lg !default;
156
- $btn-line-height: $line-height-base !default;
157
- $btn-border-radius: $border-radius !default;
158
- $btn-border-width: $border-width !default;
159
- $btn-font-weight: 400 !default;
160
- $btn-font-family: $font-family !default;
161
- $btn-box-shadow: inset 0 1px 0 rgba($white-color, .15), 0 1px 1px rgba($black-color, .075) !default;
162
- $btn-loading-opacity: .35 !default;
163
- $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;
147
+ $btn-font-size-sm: $font-size-sm !default;
148
+ $btn-font-size-md: $font-size-base !default;
149
+ $btn-font-size-lg: $font-size-lg !default;
150
+ $btn-padding-sm: 0 10px !default;
151
+ $btn-padding-md: 0 15px !default;
152
+ $btn-padding-lg: 0 28px !default;
153
+ $btn-height-sm: $height-sm !default;
154
+ $btn-height-md: $height-md !default;
155
+ $btn-height-lg: $height-lg !default;
156
+ $btn-line-height: $line-height-base !default;
157
+ $btn-border-radius: $border-radius !default;
158
+ $btn-border-width: $border-width !default;
159
+ $btn-font-weight: 400 !default;
160
+ $btn-font-family: $font-family !default;
161
+ $btn-box-shadow: inset 0 1px 0 rgba($white-color, 0.15), 0 1px 1px rgba($black-color, 0.075) !default;
162
+ $btn-loading-opacity: 0.35 !default;
163
+ $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;
164
164
 
165
165
  // Card
166
- $card-border-radius: $border-radius !default;
167
- $card-header-padding: 13px 16px !default;
168
- $card-body-padding: 16px !default;
169
- $card-footer-padding: 5px 16px 16px !default;
166
+ $card-border-radius: $border-radius !default;
167
+ $card-header-padding: 13px 16px !default;
168
+ $card-body-padding: 16px !default;
169
+ $card-footer-padding: 5px 16px 16px !default;
170
170
 
171
171
  // Divider
172
- $divider-line-color: #e4e4e4 !default;
172
+ $divider-line-color: #e4e4e4 !default;
173
173
 
174
174
  // Input
175
- $input-font-color: $font-color !default;
176
- $input-border-radius: $border-radius !default;
177
- $input-sm-padding: 0 4px !default;
178
- $input-sm-height: $height-sm !default;
179
- $input-sm-font-size: $font-size-sm !default;
180
- $input-md-padding: 0 6px !default;
181
- $input-md-font-size: $font-size-base !default;
182
- $input-md-height: $height-md !default;
183
- $input-lg-padding: 0 8px !default;
184
- $input-lg-font-size: $font-size-lg !default;
185
- $input-lg-height: $height-lg !default;
175
+ $input-font-color: $font-color !default;
176
+ $input-border-radius: $border-radius !default;
177
+ $input-sm-padding: 0 4px !default;
178
+ $input-sm-height: $height-sm !default;
179
+ $input-sm-font-size: $font-size-sm !default;
180
+ $input-md-padding: 0 6px !default;
181
+ $input-md-font-size: $font-size-base !default;
182
+ $input-md-height: $height-md !default;
183
+ $input-lg-padding: 0 8px !default;
184
+ $input-lg-font-size: $font-size-lg !default;
185
+ $input-lg-height: $height-lg !default;
186
186
 
187
187
  // Textarea
188
- $textarea-font-size: $font-size-base !default;
189
- $textarea-padding: 5px !default;
188
+ $textarea-font-size: $font-size-base !default;
189
+ $textarea-padding: 5px !default;
190
190
 
191
191
  // Native Select
192
- $native-select-sm-padding: 3px 25px 3px 7px !default;
193
- $native-select-sm-font-size: $font-size-sm !default;
194
- $native-select-md-padding: 6px 25px 6px 7px !default;
195
- $native-select-md-font-size: $font-size-base !default;
196
- $native-select-lg-padding: 9px 25px 9px 7px !default;
197
- $native-select-lg-font-size: $font-size-lg !default;
198
- $native-select-border-radius: $border-radius !default;
192
+ $native-select-sm-padding: 3px 25px 3px 7px !default;
193
+ $native-select-sm-font-size: $font-size-sm !default;
194
+ $native-select-md-padding: 6px 25px 6px 7px !default;
195
+ $native-select-md-font-size: $font-size-base !default;
196
+ $native-select-lg-padding: 9px 25px 9px 7px !default;
197
+ $native-select-lg-font-size: $font-size-lg !default;
198
+ $native-select-border-radius: $border-radius !default;
199
199
 
200
200
  // Switch
201
- $switch-md-font-size: 12px !default;
202
- $switch-sm-font-size: 9px !default;
203
- $switch-lg-font-size: 14px !default;
201
+ $switch-md-font-size: 12px !default;
202
+ $switch-sm-font-size: 9px !default;
203
+ $switch-lg-font-size: 14px !default;
204
204
 
205
205
  // Select
206
- $select-selected-font-weight: 600 !default;
207
- $select-dropdown-max-height: 300px !default;
206
+ $select-selected-font-weight: 600 !default;
207
+ $select-dropdown-max-height: 300px !default;
208
208
  $select-dropdown-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05) !default;
209
209
 
210
210
  // Notification
211
- $notification-width: 380px !default;
212
- $notification-margin: 20px !default;
211
+ $notification-width: 380px !default;
212
+ $notification-margin: 20px !default;
213
213
 
214
214
  // Breadcrumb
215
- $breadcrumb-font-size: $font-size-base !default;
215
+ $breadcrumb-font-size: $font-size-base !default;
216
216
 
217
217
  // Tag
218
- $tag-border-radius: $border-radius !default;
218
+ $tag-border-radius: $border-radius !default;
219
219
 
220
220
  // Popover
221
- $popover-arrow-size: 8px !default;
222
- $popover-border-radius: $border-radius !default;
223
- $popover-box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05) !default;
221
+ $popover-arrow-size: 8px !default;
222
+ $popover-border-radius: $border-radius !default;
223
+ $popover-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05) !default;
224
224
 
225
225
  // Tooltip
226
- $tooltip-arrow-size: 4px !default;
227
- $tooltip-font-size: $font-size-sm !default;
228
- $tooltip-content-padding: 5px 8px !default;
226
+ $tooltip-arrow-size: 4px !default;
227
+ $tooltip-font-size: $font-size-sm !default;
228
+ $tooltip-content-padding: 5px 8px !default;
229
229
 
230
230
  // Menu
231
- $menu-sub-border-radius: $border-radius !default;
232
- $menu-item-padding-vertical: 15px 20px !default;
231
+ $menu-sub-border-radius: $border-radius !default;
232
+ $menu-item-padding-vertical: 15px 20px !default;
233
233
 
234
234
  // Slider
235
- $slider-size: 12px !default;
236
- $slider-track-size: 4px !default;
237
- $slider-margin-bottom-with-marks: 30px !default;
235
+ $slider-size: 12px !default;
236
+ $slider-track-size: 4px !default;
237
+ $slider-margin-bottom-with-marks: 30px !default;
238
238
 
239
239
  // Steps
240
- $steps-title-font-size: 16px !default;
241
- $steps-title-active-color: $primary-color !default;
242
- $steps-title-normal-color: rgba(0,0,0,.65) !default;
243
- $steps-title-wait-color: rgba(0,0,0,.25) !default;
244
- $steps-title-error-color: #ff4d4f !default;
245
- $steps-desc-active-color: $primary-color !default;
246
- $steps-desc-normal-color: rgba(0,0,0,.45) !default;
247
- $steps-desc-wait-color: rgba(0,0,0,.25) !default;
248
- $steps-desc-error-color: #ff4d4f !default;
240
+ $steps-title-font-size: 16px !default;
241
+ $steps-title-active-color: $primary-color !default;
242
+ $steps-title-normal-color: rgba(0, 0, 0, 0.65) !default;
243
+ $steps-title-wait-color: rgba(0, 0, 0, 0.25) !default;
244
+ $steps-title-error-color: #ff4d4f !default;
245
+ $steps-desc-active-color: $primary-color !default;
246
+ $steps-desc-normal-color: rgba(0, 0, 0, 0.45) !default;
247
+ $steps-desc-wait-color: rgba(0, 0, 0, 0.25) !default;
248
+ $steps-desc-error-color: #ff4d4f !default;
249
249
 
250
250
  // Description
251
- $description-border-color: #dfe2e5 !default;
252
- $description-border-radius: $border-radius !default;
253
- $description-sm-padding-vt: 8px !default;
254
- $description-md-padding-vt: 12px !default;
255
- $description-lg-padding-vt: 16px !default;
256
- $description-sm-padding-hr: 16px !default;
257
- $description-md-padding-hr: 24px !default;
258
- $description-lg-padding-hr: 24px !default;
251
+ $description-border-color: #dfe2e5 !default;
252
+ $description-border-radius: $border-radius !default;
253
+ $description-sm-padding-vt: 8px !default;
254
+ $description-md-padding-vt: 12px !default;
255
+ $description-lg-padding-vt: 16px !default;
256
+ $description-sm-padding-hr: 16px !default;
257
+ $description-md-padding-hr: 24px !default;
258
+ $description-lg-padding-hr: 24px !default;
259
259
 
260
260
  // Tree
261
- $tree-font-size: $font-size-base !default;
261
+ $tree-font-size: $font-size-base !default;
262
262
 
263
263
  // StrengthIndicator
264
- $strength-indicator-border-radius: 99px !default;
264
+ $strength-indicator-border-radius: 99px !default;