@agilekit/ui 0.0.514-alpha.0 → 0.1.0-alpha.0

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 (202) hide show
  1. package/README.md +42 -42
  2. package/lib/index.js +1 -1
  3. package/lib/index.js.LICENSE.txt +0 -8
  4. package/lib/src/Theme.d.ts +5 -3
  5. package/lib/src/components/Badge/Badge.d.ts +1 -1
  6. package/lib/src/components/Box/Box.d.ts +1 -1
  7. package/lib/src/components/Breadcrumb/Breadcrumb.d.ts +1 -1
  8. package/lib/src/components/Card/Card.d.ts +1 -1
  9. package/lib/src/components/ChoiceItem/ChoiceItem.d.ts +1 -1
  10. package/lib/src/components/DataTable/DataTable.d.ts +1 -1
  11. package/lib/src/components/FormSectionTitle/FormSectionTitle.d.ts +1 -1
  12. package/lib/src/components/Gallery/Gallery.d.ts +1 -1
  13. package/lib/src/components/Gallery/components/ImageWithFallback/ImageWithFallback.d.ts +1 -1
  14. package/lib/src/components/Gallery/components/Lightbox/Lightbox.d.ts +2 -2
  15. package/lib/src/components/Grid/components/Row/Row.d.ts +1 -1
  16. package/lib/src/components/Link/Link.d.ts +1 -1
  17. package/lib/src/components/PaymentProcessing/PaymentProcessing.d.ts +2 -2
  18. package/lib/src/components/Popover/Popover.d.ts +1 -1
  19. package/lib/src/components/Slider/Slider.d.ts +2 -2
  20. package/lib/src/components/Switch/Switch.d.ts +1 -1
  21. package/lib/src/components/TableList/TableList.d.ts +1 -1
  22. package/lib/src/components/TableList/components/Cell/Cell.d.ts +1 -1
  23. package/lib/src/components/TableList/components/ColumnHeader/ColumnHeader.d.ts +1 -1
  24. package/lib/src/components/TextField/TextField.styles.d.ts +4 -3
  25. package/lib/src/index.d.ts +5 -3
  26. package/package.json +160 -162
  27. package/src/assets/fonts/fontello/README.txt +75 -75
  28. package/src/assets/fonts/fontello/config.json +933 -933
  29. package/src/assets/fonts/fontello/css/animation.css +85 -85
  30. package/src/assets/fonts/fontello/css/fontello-codes.css +66 -66
  31. package/src/assets/fonts/fontello/css/fontello-embedded.css +119 -119
  32. package/src/assets/fonts/fontello/css/fontello-ie7-codes.css +66 -66
  33. package/src/assets/fonts/fontello/css/fontello-ie7.css +77 -77
  34. package/src/assets/fonts/fontello/css/fontello.css +122 -122
  35. package/src/assets/fonts/fontello/demo.html +402 -402
  36. package/src/assets/fonts/fontello/font/fontello.eot +0 -0
  37. package/src/assets/fonts/fontello/font/fontello.svg +141 -141
  38. package/src/assets/fonts/fontello/font/fontello.ttf +0 -0
  39. package/src/assets/fonts/fontello/font/fontello.woff +0 -0
  40. package/src/assets/fonts/fontello/font/fontello.woff2 +0 -0
  41. package/src/assets/fonts/svg/Icon/ic-chat.svg +12 -12
  42. package/src/assets/fonts/svg/Icon/ic-dollar.svg +13 -13
  43. package/src/assets/fonts/svg/Icon/ic-invoice.svg +15 -15
  44. package/src/assets/fonts/svg/Icon/ic-menu.svg +8 -8
  45. package/src/assets/fonts/svg/ic-activity.svg +8 -8
  46. package/src/assets/fonts/svg/ic-arrow-long-right.svg +48 -48
  47. package/src/assets/fonts/svg/ic-arrows.svg +9 -9
  48. package/src/assets/fonts/svg/ic-atm-card.svg +9 -9
  49. package/src/assets/fonts/svg/ic-bank-solid.svg +10 -10
  50. package/src/assets/fonts/svg/ic-bell.svg +10 -10
  51. package/src/assets/fonts/svg/ic-briefcase.svg +9 -9
  52. package/src/assets/fonts/svg/ic-calendar-alt.svg +15 -15
  53. package/src/assets/fonts/svg/ic-check-alt.svg +26 -26
  54. package/src/assets/fonts/svg/ic-check.svg +10 -10
  55. package/src/assets/fonts/svg/ic-circle-solid.svg +7 -7
  56. package/src/assets/fonts/svg/ic-circle.svg +7 -7
  57. package/src/assets/fonts/svg/ic-close.svg +9 -9
  58. package/src/assets/fonts/svg/ic-cog-solid.svg +14 -14
  59. package/src/assets/fonts/svg/ic-credit-card-solid.svg +7 -7
  60. package/src/assets/fonts/svg/ic-credit-card.svg +7 -7
  61. package/src/assets/fonts/svg/ic-database.svg +9 -9
  62. package/src/assets/fonts/svg/ic-desktop.svg +9 -9
  63. package/src/assets/fonts/svg/ic-dollar-solid.svg +10 -10
  64. package/src/assets/fonts/svg/ic-exclamation.svg +10 -10
  65. package/src/assets/fonts/svg/ic-globe.svg +9 -9
  66. package/src/assets/fonts/svg/ic-grid-solid.svg +9 -9
  67. package/src/assets/fonts/svg/ic-hash.svg +10 -10
  68. package/src/assets/fonts/svg/ic-help-circle.svg +11 -11
  69. package/src/assets/fonts/svg/ic-info.svg +10 -10
  70. package/src/assets/fonts/svg/ic-keyhole-square.svg +9 -9
  71. package/src/assets/fonts/svg/ic-lock.svg +8 -8
  72. package/src/assets/fonts/svg/ic-log-in.svg +9 -9
  73. package/src/assets/fonts/svg/ic-log-out.svg +9 -9
  74. package/src/assets/fonts/svg/ic-mail.svg +8 -8
  75. package/src/assets/fonts/svg/ic-map-pin.svg +8 -8
  76. package/src/assets/fonts/svg/ic-menu.svg +8 -8
  77. package/src/assets/fonts/svg/ic-minus.svg +6 -6
  78. package/src/assets/fonts/svg/ic-mobile-android.svg +9 -9
  79. package/src/assets/fonts/svg/ic-more.svg +27 -27
  80. package/src/assets/fonts/svg/ic-pen.svg +9 -9
  81. package/src/assets/fonts/svg/ic-phone.svg +13 -13
  82. package/src/assets/fonts/svg/ic-plus.svg +10 -10
  83. package/src/assets/fonts/svg/ic-question.svg +8 -8
  84. package/src/assets/fonts/svg/ic-search.svg +8 -8
  85. package/src/assets/fonts/svg/ic-settings.svg +27 -27
  86. package/src/assets/fonts/svg/ic-shield.svg +8 -8
  87. package/src/assets/fonts/svg/ic-shopping-cart.svg +9 -9
  88. package/src/assets/fonts/svg/ic-slash-solid.svg +7 -7
  89. package/src/assets/fonts/svg/ic-slash.svg +9 -9
  90. package/src/assets/fonts/svg/ic-sliders.svg +12 -12
  91. package/src/assets/fonts/svg/ic-store.svg +11 -11
  92. package/src/assets/fonts/svg/ic-tablet.svg +10 -10
  93. package/src/assets/fonts/svg/ic-user-circle.svg +10 -10
  94. package/src/assets/fonts/svg/ic-users.svg +21 -21
  95. package/src/assets/fonts/svg/ic-x-alt.svg +8 -8
  96. package/src/assets/styles/global/bootstrap/_alert.scss +51 -51
  97. package/src/assets/styles/global/bootstrap/_badge.scss +53 -53
  98. package/src/assets/styles/global/bootstrap/_breadcrumb.scss +41 -41
  99. package/src/assets/styles/global/bootstrap/_button-group.scss +163 -163
  100. package/src/assets/styles/global/bootstrap/_buttons.scss +140 -140
  101. package/src/assets/styles/global/bootstrap/_card.scss +311 -311
  102. package/src/assets/styles/global/bootstrap/_carousel.scss +199 -199
  103. package/src/assets/styles/global/bootstrap/_close.scss +44 -44
  104. package/src/assets/styles/global/bootstrap/_code.scss +48 -48
  105. package/src/assets/styles/global/bootstrap/_custom-forms.scss +508 -508
  106. package/src/assets/styles/global/bootstrap/_dropdown.scss +191 -191
  107. package/src/assets/styles/global/bootstrap/_forms.scss +335 -335
  108. package/src/assets/styles/global/bootstrap/_functions.scss +87 -87
  109. package/src/assets/styles/global/bootstrap/_grid.scss +52 -52
  110. package/src/assets/styles/global/bootstrap/_images.scss +42 -42
  111. package/src/assets/styles/global/bootstrap/_input-group.scss +193 -193
  112. package/src/assets/styles/global/bootstrap/_jumbotron.scss +18 -18
  113. package/src/assets/styles/global/bootstrap/_list-group.scss +121 -121
  114. package/src/assets/styles/global/bootstrap/_media.scss +8 -8
  115. package/src/assets/styles/global/bootstrap/_mixins.scss +41 -41
  116. package/src/assets/styles/global/bootstrap/_modal.scss +186 -186
  117. package/src/assets/styles/global/bootstrap/_nav.scss +120 -120
  118. package/src/assets/styles/global/bootstrap/_navbar.scss +299 -299
  119. package/src/assets/styles/global/bootstrap/_pagination.scss +78 -78
  120. package/src/assets/styles/global/bootstrap/_popover.scss +185 -185
  121. package/src/assets/styles/global/bootstrap/_print.scss +141 -141
  122. package/src/assets/styles/global/bootstrap/_progress.scss +34 -34
  123. package/src/assets/styles/global/bootstrap/_reboot.scss +462 -462
  124. package/src/assets/styles/global/bootstrap/_root.scss +19 -19
  125. package/src/assets/styles/global/bootstrap/_spinners.scss +53 -53
  126. package/src/assets/styles/global/bootstrap/_tables.scss +187 -187
  127. package/src/assets/styles/global/bootstrap/_toasts.scss +43 -43
  128. package/src/assets/styles/global/bootstrap/_tooltip.scss +117 -117
  129. package/src/assets/styles/global/bootstrap/_transitions.scss +22 -22
  130. package/src/assets/styles/global/bootstrap/_type.scss +125 -125
  131. package/src/assets/styles/global/bootstrap/_utilities.scss +16 -16
  132. package/src/assets/styles/global/bootstrap/_variables.scss +1088 -1088
  133. package/src/assets/styles/global/bootstrap/bootstrap-grid.scss +29 -29
  134. package/src/assets/styles/global/bootstrap/bootstrap-reboot.scss +12 -12
  135. package/src/assets/styles/global/bootstrap/bootstrap.scss +44 -44
  136. package/src/assets/styles/global/bootstrap/mixins/_alert.scss +13 -13
  137. package/src/assets/styles/global/bootstrap/mixins/_background-variant.scss +21 -21
  138. package/src/assets/styles/global/bootstrap/mixins/_badge.scss +11 -11
  139. package/src/assets/styles/global/bootstrap/mixins/_border-radius.scss +35 -35
  140. package/src/assets/styles/global/bootstrap/mixins/_box-shadow.scss +5 -5
  141. package/src/assets/styles/global/bootstrap/mixins/_breakpoints.scss +123 -123
  142. package/src/assets/styles/global/bootstrap/mixins/_buttons.scss +111 -111
  143. package/src/assets/styles/global/bootstrap/mixins/_caret.scss +62 -62
  144. package/src/assets/styles/global/bootstrap/mixins/_clearfix.scss +7 -7
  145. package/src/assets/styles/global/bootstrap/mixins/_float.scss +11 -11
  146. package/src/assets/styles/global/bootstrap/mixins/_forms.scss +198 -198
  147. package/src/assets/styles/global/bootstrap/mixins/_gradients.scss +45 -45
  148. package/src/assets/styles/global/bootstrap/mixins/_grid-framework.scss +66 -66
  149. package/src/assets/styles/global/bootstrap/mixins/_grid.scss +51 -51
  150. package/src/assets/styles/global/bootstrap/mixins/_hover.scss +37 -37
  151. package/src/assets/styles/global/bootstrap/mixins/_image.scss +36 -36
  152. package/src/assets/styles/global/bootstrap/mixins/_list-group.scss +21 -21
  153. package/src/assets/styles/global/bootstrap/mixins/_lists.scss +7 -7
  154. package/src/assets/styles/global/bootstrap/mixins/_nav-divider.scss +10 -10
  155. package/src/assets/styles/global/bootstrap/mixins/_pagination.scss +22 -22
  156. package/src/assets/styles/global/bootstrap/mixins/_reset-text.scss +17 -17
  157. package/src/assets/styles/global/bootstrap/mixins/_resize.scss +6 -6
  158. package/src/assets/styles/global/bootstrap/mixins/_screen-reader.scss +33 -33
  159. package/src/assets/styles/global/bootstrap/mixins/_size.scss +6 -6
  160. package/src/assets/styles/global/bootstrap/mixins/_table-row.scss +39 -39
  161. package/src/assets/styles/global/bootstrap/mixins/_text-emphasis.scss +14 -14
  162. package/src/assets/styles/global/bootstrap/mixins/_text-hide.scss +13 -13
  163. package/src/assets/styles/global/bootstrap/mixins/_text-truncate.scss +8 -8
  164. package/src/assets/styles/global/bootstrap/mixins/_transition.scss +16 -16
  165. package/src/assets/styles/global/bootstrap/mixins/_visibility.scss +7 -7
  166. package/src/assets/styles/global/bootstrap/utilities/_align.scss +8 -8
  167. package/src/assets/styles/global/bootstrap/utilities/_background.scss +19 -19
  168. package/src/assets/styles/global/bootstrap/utilities/_borders.scss +63 -63
  169. package/src/assets/styles/global/bootstrap/utilities/_clearfix.scss +3 -3
  170. package/src/assets/styles/global/bootstrap/utilities/_display.scss +38 -38
  171. package/src/assets/styles/global/bootstrap/utilities/_embed.scss +40 -40
  172. package/src/assets/styles/global/bootstrap/utilities/_flex.scss +51 -51
  173. package/src/assets/styles/global/bootstrap/utilities/_float.scss +9 -9
  174. package/src/assets/styles/global/bootstrap/utilities/_overflow.scss +5 -5
  175. package/src/assets/styles/global/bootstrap/utilities/_position.scss +32 -32
  176. package/src/assets/styles/global/bootstrap/utilities/_screenreaders.scss +11 -11
  177. package/src/assets/styles/global/bootstrap/utilities/_shadows.scss +6 -6
  178. package/src/assets/styles/global/bootstrap/utilities/_sizing.scss +20 -20
  179. package/src/assets/styles/global/bootstrap/utilities/_spacing.scss +73 -73
  180. package/src/assets/styles/global/bootstrap/utilities/_text.scss +67 -67
  181. package/src/assets/styles/global/bootstrap/utilities/_visibility.scss +11 -11
  182. package/src/assets/styles/global/core/card.scss +6 -6
  183. package/src/assets/styles/global/core/color.scss +76 -76
  184. package/src/assets/styles/global/core/status.scss +17 -17
  185. package/src/assets/styles/global/styles.scss +24 -24
  186. package/src/assets/styles/global/vendors/ant-design-grid.scss +5046 -5046
  187. package/src/assets/styles/shared/elements/scrollbar.scss +30 -30
  188. package/src/assets/styles/shared/settings/breakpoints.scss +10 -10
  189. package/src/assets/styles/shared/settings/colors.scss +110 -110
  190. package/src/assets/styles/shared/settings/depth.scss +14 -14
  191. package/src/assets/styles/shared/settings/layout.scss +10 -10
  192. package/src/assets/styles/shared/settings/typography.scss +9 -9
  193. package/src/assets/styles/shared/shared.scss +8 -8
  194. package/src/assets/styles/shared/tools/respond-to.scss +32 -32
  195. package/src/components/utils/breakpoints.ts +14 -14
  196. package/src/components/utils/browser.ts +10 -10
  197. package/src/components/utils/findParentBySelector.ts +17 -17
  198. package/src/components/utils/idGenerator.ts +4 -4
  199. package/src/components/utils/index.ts +4 -4
  200. package/src/components/utils/setNativeValue.ts +13 -13
  201. package/lib/src/components/Breadcrumb/Breadcrumb.styles.d.ts +0 -2
  202. package/lib/src/components/Loader/Loader.styles.d.ts +0 -2
@@ -1,141 +1,141 @@
1
- // stylelint-disable declaration-no-important, selector-no-qualifying-type
2
-
3
- // Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css
4
-
5
- // ==========================================================================
6
- // Print styles.
7
- // Inlined to avoid the additional HTTP request:
8
- // https://www.phpied.com/delay-loading-your-print-css/
9
- // ==========================================================================
10
-
11
- @if $enable-print-styles {
12
- @media print {
13
- *,
14
- *::before,
15
- *::after {
16
- // Bootstrap specific; comment out `color` and `background`
17
- //color: $black !important; // Black prints faster
18
- text-shadow: none !important;
19
- //background: transparent !important;
20
- box-shadow: none !important;
21
- }
22
-
23
- a {
24
- &:not(.btn) {
25
- text-decoration: underline;
26
- }
27
- }
28
-
29
- // Bootstrap specific; comment the following selector out
30
- //a[href]::after {
31
- // content: " (" attr(href) ")";
32
- //}
33
-
34
- abbr[title]::after {
35
- content: " (" attr(title) ")";
36
- }
37
-
38
- // Bootstrap specific; comment the following selector out
39
- //
40
- // Don't show links that are fragment identifiers,
41
- // or use the `javascript:` pseudo protocol
42
- //
43
-
44
- //a[href^="#"]::after,
45
- //a[href^="javascript:"]::after {
46
- // content: "";
47
- //}
48
-
49
- pre {
50
- white-space: pre-wrap !important;
51
- }
52
- pre,
53
- blockquote {
54
- border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px
55
- page-break-inside: avoid;
56
- }
57
-
58
- //
59
- // Printing Tables:
60
- // http://css-discuss.incutio.com/wiki/Printing_Tables
61
- //
62
-
63
- thead {
64
- display: table-header-group;
65
- }
66
-
67
- tr,
68
- img {
69
- page-break-inside: avoid;
70
- }
71
-
72
- p,
73
- h2,
74
- h3 {
75
- orphans: 3;
76
- widows: 3;
77
- }
78
-
79
- h2,
80
- h3 {
81
- page-break-after: avoid;
82
- }
83
-
84
- // Bootstrap specific changes start
85
-
86
- // Specify a size and min-width to make printing closer across browsers.
87
- // We don't set margin here because it breaks `size` in Chrome. We also
88
- // don't use `!important` on `size` as it breaks in Chrome.
89
- @page {
90
- size: $print-page-size;
91
- }
92
- body {
93
- min-width: $print-body-min-width !important;
94
- }
95
- .container {
96
- min-width: $print-body-min-width !important;
97
- }
98
-
99
- // Bootstrap components
100
- .navbar {
101
- display: none;
102
- }
103
- .badge {
104
- border: $border-width solid $black;
105
- }
106
-
107
- .table {
108
- border-collapse: collapse !important;
109
-
110
- td,
111
- th {
112
- background-color: $white !important;
113
- }
114
- }
115
-
116
- .table-bordered {
117
- th,
118
- td {
119
- border: 1px solid $gray-300 !important;
120
- }
121
- }
122
-
123
- .table-dark {
124
- color: inherit;
125
-
126
- th,
127
- td,
128
- thead th,
129
- tbody + tbody {
130
- border-color: $table-border-color;
131
- }
132
- }
133
-
134
- .table .thead-dark th {
135
- color: inherit;
136
- border-color: $table-border-color;
137
- }
138
-
139
- // Bootstrap specific changes end
140
- }
141
- }
1
+ // stylelint-disable declaration-no-important, selector-no-qualifying-type
2
+
3
+ // Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css
4
+
5
+ // ==========================================================================
6
+ // Print styles.
7
+ // Inlined to avoid the additional HTTP request:
8
+ // https://www.phpied.com/delay-loading-your-print-css/
9
+ // ==========================================================================
10
+
11
+ @if $enable-print-styles {
12
+ @media print {
13
+ *,
14
+ *::before,
15
+ *::after {
16
+ // Bootstrap specific; comment out `color` and `background`
17
+ //color: $black !important; // Black prints faster
18
+ text-shadow: none !important;
19
+ //background: transparent !important;
20
+ box-shadow: none !important;
21
+ }
22
+
23
+ a {
24
+ &:not(.btn) {
25
+ text-decoration: underline;
26
+ }
27
+ }
28
+
29
+ // Bootstrap specific; comment the following selector out
30
+ //a[href]::after {
31
+ // content: " (" attr(href) ")";
32
+ //}
33
+
34
+ abbr[title]::after {
35
+ content: " (" attr(title) ")";
36
+ }
37
+
38
+ // Bootstrap specific; comment the following selector out
39
+ //
40
+ // Don't show links that are fragment identifiers,
41
+ // or use the `javascript:` pseudo protocol
42
+ //
43
+
44
+ //a[href^="#"]::after,
45
+ //a[href^="javascript:"]::after {
46
+ // content: "";
47
+ //}
48
+
49
+ pre {
50
+ white-space: pre-wrap !important;
51
+ }
52
+ pre,
53
+ blockquote {
54
+ border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px
55
+ page-break-inside: avoid;
56
+ }
57
+
58
+ //
59
+ // Printing Tables:
60
+ // http://css-discuss.incutio.com/wiki/Printing_Tables
61
+ //
62
+
63
+ thead {
64
+ display: table-header-group;
65
+ }
66
+
67
+ tr,
68
+ img {
69
+ page-break-inside: avoid;
70
+ }
71
+
72
+ p,
73
+ h2,
74
+ h3 {
75
+ orphans: 3;
76
+ widows: 3;
77
+ }
78
+
79
+ h2,
80
+ h3 {
81
+ page-break-after: avoid;
82
+ }
83
+
84
+ // Bootstrap specific changes start
85
+
86
+ // Specify a size and min-width to make printing closer across browsers.
87
+ // We don't set margin here because it breaks `size` in Chrome. We also
88
+ // don't use `!important` on `size` as it breaks in Chrome.
89
+ @page {
90
+ size: $print-page-size;
91
+ }
92
+ body {
93
+ min-width: $print-body-min-width !important;
94
+ }
95
+ .container {
96
+ min-width: $print-body-min-width !important;
97
+ }
98
+
99
+ // Bootstrap components
100
+ .navbar {
101
+ display: none;
102
+ }
103
+ .badge {
104
+ border: $border-width solid $black;
105
+ }
106
+
107
+ .table {
108
+ border-collapse: collapse !important;
109
+
110
+ td,
111
+ th {
112
+ background-color: $white !important;
113
+ }
114
+ }
115
+
116
+ .table-bordered {
117
+ th,
118
+ td {
119
+ border: 1px solid $gray-300 !important;
120
+ }
121
+ }
122
+
123
+ .table-dark {
124
+ color: inherit;
125
+
126
+ th,
127
+ td,
128
+ thead th,
129
+ tbody + tbody {
130
+ border-color: $table-border-color;
131
+ }
132
+ }
133
+
134
+ .table .thead-dark th {
135
+ color: inherit;
136
+ border-color: $table-border-color;
137
+ }
138
+
139
+ // Bootstrap specific changes end
140
+ }
141
+ }
@@ -1,34 +1,34 @@
1
- @keyframes progress-bar-stripes {
2
- from { background-position: $progress-height 0; }
3
- to { background-position: 0 0; }
4
- }
5
-
6
- .progress {
7
- display: flex;
8
- height: $progress-height;
9
- overflow: hidden; // force rounded corners by cropping it
10
- font-size: $progress-font-size;
11
- background-color: $progress-bg;
12
- @include border-radius($progress-border-radius);
13
- @include box-shadow($progress-box-shadow);
14
- }
15
-
16
- .progress-bar {
17
- display: flex;
18
- flex-direction: column;
19
- justify-content: center;
20
- color: $progress-bar-color;
21
- text-align: center;
22
- white-space: nowrap;
23
- background-color: $progress-bar-bg;
24
- @include transition($progress-bar-transition);
25
- }
26
-
27
- .progress-bar-striped {
28
- @include gradient-striped();
29
- background-size: $progress-height $progress-height;
30
- }
31
-
32
- .progress-bar-animated {
33
- animation: progress-bar-stripes $progress-bar-animation-timing;
34
- }
1
+ @keyframes progress-bar-stripes {
2
+ from { background-position: $progress-height 0; }
3
+ to { background-position: 0 0; }
4
+ }
5
+
6
+ .progress {
7
+ display: flex;
8
+ height: $progress-height;
9
+ overflow: hidden; // force rounded corners by cropping it
10
+ font-size: $progress-font-size;
11
+ background-color: $progress-bg;
12
+ @include border-radius($progress-border-radius);
13
+ @include box-shadow($progress-box-shadow);
14
+ }
15
+
16
+ .progress-bar {
17
+ display: flex;
18
+ flex-direction: column;
19
+ justify-content: center;
20
+ color: $progress-bar-color;
21
+ text-align: center;
22
+ white-space: nowrap;
23
+ background-color: $progress-bar-bg;
24
+ @include transition($progress-bar-transition);
25
+ }
26
+
27
+ .progress-bar-striped {
28
+ @include gradient-striped();
29
+ background-size: $progress-height $progress-height;
30
+ }
31
+
32
+ .progress-bar-animated {
33
+ animation: progress-bar-stripes $progress-bar-animation-timing;
34
+ }