@finqu/cool 1.2.29 → 2.0.2

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 (221) hide show
  1. package/README.md +694 -1
  2. package/dist/css/cool.css +26902 -14322
  3. package/dist/css/cool.css.map +1 -154
  4. package/dist/css/cool.min.css +2 -7
  5. package/dist/css/cool.min.css.map +1 -1
  6. package/dist/js/cool.bundle.js +16191 -5588
  7. package/dist/js/cool.bundle.js.map +1 -1
  8. package/dist/js/cool.bundle.min.js +13 -8
  9. package/dist/js/cool.bundle.min.js.map +1 -1
  10. package/dist/js/cool.esm.js +4722 -4812
  11. package/dist/js/cool.esm.js.map +1 -1
  12. package/dist/js/cool.esm.min.js +4 -9
  13. package/dist/js/cool.esm.min.js.map +1 -1
  14. package/dist/js/cool.js +5143 -5240
  15. package/dist/js/cool.js.map +1 -1
  16. package/dist/js/cool.min.js +4 -9
  17. package/dist/js/cool.min.js.map +1 -1
  18. package/package.json +125 -60
  19. package/scss/LISENCE +1 -1
  20. package/scss/_badge.scss +134 -102
  21. package/scss/_button-group.scss +80 -129
  22. package/scss/_buttons.scss +257 -201
  23. package/scss/_dark.scss +637 -0
  24. package/scss/_dialog.scss +314 -123
  25. package/scss/_dropdown.scss +165 -233
  26. package/scss/_forms.scss +555 -200
  27. package/scss/_frame.scss +945 -624
  28. package/scss/_grid.scss +215 -35
  29. package/scss/_input-group.scss +326 -285
  30. package/scss/_list-group.scss +127 -82
  31. package/scss/_media.scss +439 -0
  32. package/scss/_navbar.scss +116 -284
  33. package/scss/_notification.scss +111 -9
  34. package/scss/_pagination.scss +82 -88
  35. package/scss/_popover.scss +61 -167
  36. package/scss/_reboot.scss +306 -284
  37. package/scss/_root.scss +848 -15
  38. package/scss/_section.scss +735 -977
  39. package/scss/_select.scss +559 -187
  40. package/scss/_tables.scss +471 -595
  41. package/scss/_tabs.scss +50 -178
  42. package/scss/_toast.scss +242 -147
  43. package/scss/_tooltip.scss +130 -101
  44. package/scss/_typography.scss +166 -0
  45. package/scss/_variables.scss +1154 -748
  46. package/scss/cool.scss +64 -32
  47. package/scss/utilities/_align.scss +51 -41
  48. package/scss/utilities/_animation.scss +165 -0
  49. package/scss/utilities/_background.scss +72 -14
  50. package/scss/utilities/_borders.scss +205 -146
  51. package/scss/utilities/_collapse.scss +20 -25
  52. package/scss/utilities/_cursor.scss +160 -22
  53. package/scss/utilities/_display.scss +116 -16
  54. package/scss/utilities/_embed.scss +89 -78
  55. package/scss/utilities/_fill.scss +79 -0
  56. package/scss/utilities/_filters.scss +233 -0
  57. package/scss/utilities/_flex.scss +216 -52
  58. package/scss/utilities/_grid.scss +136 -0
  59. package/scss/utilities/_opacity.scss +131 -0
  60. package/scss/utilities/_overflow.scss +242 -6
  61. package/scss/utilities/_perfect-scrollbar.scss +147 -141
  62. package/scss/utilities/_pointer-events.scss +125 -0
  63. package/scss/utilities/_position.scss +130 -30
  64. package/scss/utilities/_screen-readers.scss +95 -0
  65. package/scss/utilities/_shadows.scss +195 -0
  66. package/scss/utilities/_sizing.scss +288 -32
  67. package/scss/utilities/_spacing.scss +168 -92
  68. package/scss/utilities/_stroke.scss +124 -0
  69. package/scss/utilities/_text.scss +420 -99
  70. package/scss/utilities/_transform.scss +232 -0
  71. package/scss/utilities/_transitions.scss +147 -0
  72. package/scss/utilities/_user-select.scss +89 -10
  73. package/scss/utilities/_visibility.scss +62 -6
  74. package/scss/utilities/_z-index.scss +169 -0
  75. package/.babelrc.js +0 -20
  76. package/.browserslistrc +0 -13
  77. package/build/.eslintrc.json +0 -10
  78. package/build/banner.js +0 -14
  79. package/build/build-plugins.js +0 -92
  80. package/build/rollup.config.js +0 -46
  81. package/dist/css/cool-grid.css +0 -4390
  82. package/dist/css/cool-grid.css.map +0 -30
  83. package/dist/css/cool-grid.min.css +0 -7
  84. package/dist/css/cool-grid.min.css.map +0 -1
  85. package/dist/css/cool-reboot.css +0 -286
  86. package/dist/css/cool-reboot.css.map +0 -62
  87. package/dist/css/cool-reboot.min.css +0 -7
  88. package/dist/css/cool-reboot.min.css.map +0 -1
  89. package/html/index.html +0 -2703
  90. package/js/dist/collapse.js +0 -5535
  91. package/js/dist/collapse.js.map +0 -1
  92. package/js/dist/common.js +0 -21996
  93. package/js/dist/common.js.map +0 -1
  94. package/js/dist/cooldropdown.js +0 -467
  95. package/js/dist/cooldropdown.js.map +0 -1
  96. package/js/dist/coolpopover.js +0 -391
  97. package/js/dist/coolpopover.js.map +0 -1
  98. package/js/dist/coolsectiontabs.js +0 -256
  99. package/js/dist/coolsectiontabs.js.map +0 -1
  100. package/js/dist/coolselect.js +0 -796
  101. package/js/dist/coolselect.js.map +0 -1
  102. package/js/dist/cooltooltip.js +0 -360
  103. package/js/dist/cooltooltip.js.map +0 -1
  104. package/js/dist/coolui.js +0 -73
  105. package/js/dist/coolui.js.map +0 -1
  106. package/js/dist/dropdown.js +0 -27421
  107. package/js/dist/dropdown.js.map +0 -1
  108. package/js/dist/popover.js +0 -9472
  109. package/js/dist/popover.js.map +0 -1
  110. package/js/dist/sectiontabs.js +0 -4483
  111. package/js/dist/sectiontabs.js.map +0 -1
  112. package/js/dist/select.js +0 -37080
  113. package/js/dist/select.js.map +0 -1
  114. package/js/dist/tooltip.js +0 -8786
  115. package/js/dist/tooltip.js.map +0 -1
  116. package/js/index.esm.js +0 -21
  117. package/js/index.umd.js +0 -21
  118. package/js/src/abstract-ui-component.js +0 -81
  119. package/js/src/collapse.js +0 -286
  120. package/js/src/common.js +0 -296
  121. package/js/src/dialog.js +0 -579
  122. package/js/src/dropdown.js +0 -525
  123. package/js/src/popover.js +0 -632
  124. package/js/src/section-tabs.js +0 -215
  125. package/js/src/select.js +0 -1342
  126. package/js/src/toast.js +0 -581
  127. package/js/src/tooltip.js +0 -591
  128. package/js/src/util/animate-css.js +0 -22
  129. package/js/src/util/index.js +0 -122
  130. package/js/src/util/perfect-scrollbar.js +0 -1316
  131. package/less/alert.less +0 -345
  132. package/less/badge.less +0 -38
  133. package/less/bootstrap-noconflict.less +0 -23
  134. package/less/bootstrap.less +0 -23
  135. package/less/button-group.less +0 -153
  136. package/less/buttons.less +0 -287
  137. package/less/dialog-noconflict.less +0 -174
  138. package/less/dialog.less +0 -203
  139. package/less/dropdown.less +0 -209
  140. package/less/forms.less +0 -770
  141. package/less/images.less +0 -242
  142. package/less/input-group.less +0 -163
  143. package/less/list-group.less +0 -73
  144. package/less/mixins/aspect-ratio.less +0 -23
  145. package/less/mixins/border-radius.less +0 -24
  146. package/less/mixins/box-shadow.less +0 -4
  147. package/less/mixins/buttons.less +0 -17
  148. package/less/mixins/caret.less +0 -51
  149. package/less/mixins/clearfix.less +0 -10
  150. package/less/mixins/gradients.less +0 -34
  151. package/less/mixins/nav-divider.less +0 -7
  152. package/less/mixins/object-fit.less +0 -13
  153. package/less/mixins/reset-text.less +0 -16
  154. package/less/mixins.less +0 -11
  155. package/less/package.json +0 -11
  156. package/less/pagination.less +0 -69
  157. package/less/popover.less +0 -143
  158. package/less/project.sublime-workspace +0 -774
  159. package/less/reboot.less +0 -235
  160. package/less/section.less +0 -793
  161. package/less/select.less +0 -150
  162. package/less/tables.less +0 -737
  163. package/less/tabs.less +0 -162
  164. package/less/tooltip.less +0 -87
  165. package/less/type.less +0 -71
  166. package/less/utilities/align.less +0 -27
  167. package/less/utilities/animate.less +0 -3512
  168. package/less/utilities/background.less +0 -70
  169. package/less/utilities/borders.less +0 -16
  170. package/less/utilities/color.less +0 -70
  171. package/less/utilities/cursor.less +0 -8
  172. package/less/utilities/display.less +0 -38
  173. package/less/utilities/embed.less +0 -61
  174. package/less/utilities/flex.less +0 -76
  175. package/less/utilities/jquery-ui.less +0 -116
  176. package/less/utilities/lazyload.less +0 -29
  177. package/less/utilities/overflow.less +0 -11
  178. package/less/utilities/pace.less +0 -25
  179. package/less/utilities/placeholder.less +0 -60
  180. package/less/utilities/position.less +0 -42
  181. package/less/utilities/scrollbar.less +0 -152
  182. package/less/utilities/spacing.less +0 -197
  183. package/less/utilities/text.less +0 -68
  184. package/less/utilities/transform.less +0 -7
  185. package/less/utilities.less +0 -21
  186. package/less/variables.less +0 -343
  187. package/scss/_alert.scss +0 -102
  188. package/scss/_custom-forms.scss +0 -444
  189. package/scss/_functions.scss +0 -124
  190. package/scss/_images.scss +0 -361
  191. package/scss/_mixins.scss +0 -34
  192. package/scss/_type.scss +0 -129
  193. package/scss/_utilities.scss +0 -23
  194. package/scss/cool-grid.scss +0 -29
  195. package/scss/cool-reboot.scss +0 -11
  196. package/scss/mixins/_alert-variant.scss +0 -20
  197. package/scss/mixins/_aspect-ratio.scss +0 -29
  198. package/scss/mixins/_background-variant.scss +0 -25
  199. package/scss/mixins/_badge-variant.scss +0 -36
  200. package/scss/mixins/_breakpoints.scss +0 -102
  201. package/scss/mixins/_buttons.scss +0 -104
  202. package/scss/mixins/_caret.scss +0 -80
  203. package/scss/mixins/_clearfix.scss +0 -10
  204. package/scss/mixins/_float.scss +0 -14
  205. package/scss/mixins/_forms.scss +0 -67
  206. package/scss/mixins/_gradients.scss +0 -40
  207. package/scss/mixins/_grid-framework.scss +0 -72
  208. package/scss/mixins/_grid.scss +0 -60
  209. package/scss/mixins/_nav-divider.scss +0 -9
  210. package/scss/mixins/_notification-variant.scss +0 -7
  211. package/scss/mixins/_object-fit.scss +0 -16
  212. package/scss/mixins/_reset-text.scss +0 -19
  213. package/scss/mixins/_text-emphasis.scss +0 -21
  214. package/scss/mixins/_text-hide.scss +0 -10
  215. package/scss/mixins/_text-truncate.scss +0 -81
  216. package/scss/mixins/_visibility.scss +0 -7
  217. package/scss/project.sublime-workspace +0 -491
  218. package/scss/utilities/_animate.scss +0 -3512
  219. package/scss/utilities/_clearfix.scss +0 -6
  220. package/scss/utilities/_lazyload.scss +0 -31
  221. package/scss/utilities/_placeholder.scss +0 -77
@@ -1,70 +0,0 @@
1
- // Background
2
- .bg-black {
3
- background-color: @color-black !important;
4
- }
5
- .bg-white {
6
- background-color: @color-white !important;
7
- }
8
- .bg-blue-darker {
9
- background-color: @color-blue-darker !important;
10
- }
11
- .bg-blue {
12
- background-color: @color-blue !important;
13
- }
14
- .bg-blue-light {
15
- background-color: @color-blue-light !important;
16
- }
17
- .bg-green {
18
- background-color: @color-green !important;
19
- }
20
- .bg-pink {
21
- background-color: @color-pink !important;
22
- }
23
- .bg-yellow {
24
- background-color: @color-yellow !important;
25
- }
26
- .bg-red {
27
- background-color: @color-red !important;
28
- }
29
- .bg-grey-darkest {
30
- background-color: @color-grey-darkest !important;
31
- }
32
- .bg-grey-darker {
33
- background-color: @color-grey-darker !important;
34
- }
35
- .bg-grey-dark {
36
- background-color: @color-grey-dark !important;
37
- }
38
- .bg-grey {
39
- background-color: @color-grey !important;
40
- }
41
- .bg-grey-light {
42
- background-color: @color-grey-light !important;
43
- }
44
- .bg-grey-lighter {
45
- background-color: @color-grey-lighter !important;
46
- }
47
- .bg-grey-lightest {
48
- background-color: @color-grey-lightest !important;
49
- }
50
- .bg-placeholder {
51
- background-color: @color-placeholder !important;
52
- }
53
- .bg-bg {
54
- background-color: @color-bg !important;
55
- }
56
- .bg-icon {
57
- background-color: @color-icon !important;
58
- }
59
- .bg-primary {
60
- background-color: @color-primary !important;
61
- }
62
- .bg-secondary {
63
- background-color: @color-secondary !important;
64
- }
65
- .bg-dark-grey-blue {
66
- background-color: @color-dark-grey-blue !important;
67
- }
68
- .bg-grey-blue {
69
- background-color: @color-grey-blue !important;
70
- }
@@ -1,16 +0,0 @@
1
- // Borders
2
- .border {
3
- border: 1px solid @color-border;
4
- }
5
- .border-top {
6
- border-top: 1px solid @color-border;
7
- }
8
- .border-right {
9
- border-right: 1px solid @color-border;
10
- }
11
- .border-left {
12
- border-left: 1px solid @color-border;
13
- }
14
- .border-bottom {
15
- border-bottom: 1px solid @color-border;
16
- }
@@ -1,70 +0,0 @@
1
- // Color
2
- .color-black {
3
- color: @color-black !important;
4
- }
5
- .color-white {
6
- color: @color-white !important;
7
- }
8
- .color-blue-darker {
9
- color: @color-blue-darker !important;
10
- }
11
- .color-blue {
12
- color: @color-blue !important;
13
- }
14
- .color-blue-light {
15
- color: @color-blue-light !important;
16
- }
17
- .color-green {
18
- color: @color-green !important;
19
- }
20
- .color-pink {
21
- color: @color-pink !important;
22
- }
23
- .color-yellow {
24
- color: @color-yellow !important;
25
- }
26
- .color-red {
27
- color: @color-red !important;
28
- }
29
- .color-grey-darkest {
30
- color: @color-grey-darkest !important;
31
- }
32
- .color-grey-darker {
33
- color: @color-grey-darker !important;
34
- }
35
- .color-grey-dark {
36
- color: @color-grey-dark !important;
37
- }
38
- .color-grey {
39
- color: @color-grey !important;
40
- }
41
- .color-grey-light {
42
- color: @color-grey-light !important;
43
- }
44
- .color-grey-lighter {
45
- color: @color-grey-lighter !important;
46
- }
47
- .color-grey-lightest {
48
- color: @color-grey-lightest !important;
49
- }
50
- .color-placeholder {
51
- color: @color-placeholder !important;
52
- }
53
- .color-bg {
54
- color: @color-bg !important;
55
- }
56
- .color-icon {
57
- color: @color-icon !important;
58
- }
59
- .color-primary {
60
- color: @color-primary !important;
61
- }
62
- .color-secondary {
63
- color: @color-secondary !important;
64
- }
65
- .color-dark-grey-blue {
66
- color: @color-dark-grey-blue !important;
67
- }
68
- .color-grey-blue {
69
- color: @color-grey-blue !important;
70
- }
@@ -1,8 +0,0 @@
1
- // Cursor
2
- .c-default {
3
- cursor: default;
4
- }
5
-
6
- .c-pointer {
7
- cursor: pointer;
8
- }
@@ -1,38 +0,0 @@
1
- // Display
2
- .d-inline {
3
- display: inline;
4
- }
5
-
6
- .d-inline-block {
7
- display: inline-block;
8
- }
9
-
10
- .block,
11
- .d-block {
12
- display: block;
13
- }
14
-
15
- .d-table {
16
- display: table;
17
- }
18
-
19
- .d-table-row {
20
- display: table-row;
21
- }
22
-
23
- .d-table-cell {
24
- display: table-cell;
25
- }
26
-
27
- .d-flex {
28
- display: flex;
29
- }
30
-
31
- .d-inline-flex {
32
- display: inline-flex;
33
- }
34
-
35
- .d-none,
36
- .hidden {
37
- display: none;
38
- }
@@ -1,61 +0,0 @@
1
- // Embed
2
- .embed-responsive {
3
- position: relative;
4
- display: block;
5
- width: 100%;
6
- padding: 0;
7
- overflow: hidden;
8
- &::before {
9
- display: block;
10
- content: '';
11
- }
12
- &.embed-responsive-21by9 {
13
- &::before {
14
- padding-top: percentage(9/21);
15
- }
16
- }
17
- &.embed-responsive-16by9 {
18
- &::before {
19
- padding-top: percentage(9/16);
20
- }
21
- }
22
- &.embed-responsive-4by3 {
23
- &::before {
24
- padding-top: percentage(3/4);
25
- }
26
- }
27
- &.embed-responsive-1by1 {
28
- &::before {
29
- padding-top: percentage(1/1);
30
- }
31
- }
32
- .embed-responsive-item,
33
- iframe,
34
- embed,
35
- object,
36
- video {
37
- position: absolute;
38
- top: 0;
39
- bottom: 0;
40
- left: 0;
41
- width: 100%;
42
- height: 100%;
43
- border: 0;
44
- }
45
- }
46
-
47
- .embed-tiles {
48
- display: flex;
49
- flex-wrap: wrap;
50
- margin: -5px;
51
- .embed-responsive {
52
- margin: 5px;
53
- flex: 0 1 ~"calc(50% - 10px)";
54
- @media screen and (max-width: 680px) {
55
- flex: 0 1 100%;
56
- }
57
- @media screen and (min-width: 767px) and (max-width: 1024px) {
58
- flex: 0 1 100%
59
- }
60
- }
61
- }
@@ -1,76 +0,0 @@
1
- // Flex
2
- .justify-content-start {
3
- justify-content: flex-start ;
4
- }
5
-
6
- .justify-content-center {
7
- justify-content: center;
8
- }
9
-
10
- .justify-content-end {
11
- justify-content: flex-end ;
12
- }
13
-
14
- .justify-content-between {
15
- justify-content: space-between;
16
- }
17
-
18
- .justify-content-around {
19
- justify-content: space-around;
20
- }
21
-
22
- .flex-direction-column {
23
- flex-direction: column;
24
- }
25
-
26
- .flex-direction-column-reverse {
27
- flex-direction: column-reverse;
28
- }
29
-
30
- .flex-direction-row {
31
- flex-direction: row;
32
- }
33
-
34
- .flex-direction-row-reverse {
35
- flex-direction: row-reverse;
36
- }
37
-
38
- .align-items-baseline {
39
- align-items: baseline;
40
- }
41
-
42
- .align-items-center {
43
- align-items: center;
44
- }
45
-
46
- .align-items-end {
47
- align-items: end;
48
- }
49
-
50
- .align-items-flex-end {
51
- align-items: flex-end;
52
- }
53
-
54
- .align-items-flex-start {
55
- align-items: flex-start;
56
- }
57
-
58
- .align-items-left {
59
- align-items: left;
60
- }
61
-
62
- .align-items-normal {
63
- align-items: normal;
64
- }
65
-
66
- .align-items-right {
67
- align-items: right;
68
- }
69
-
70
- .align-items-start {
71
- align-items: start;
72
- }
73
-
74
- .align-items-stretch {
75
- align-items: stretch;
76
- }
@@ -1,116 +0,0 @@
1
- // jQuery UI
2
- .ui-helper-hidden-accessible {
3
- display: none;
4
- }
5
- .ui-autocomplete {
6
- display: block;
7
- position: absolute;
8
- background: #fff;
9
- float: left;
10
- margin: 0;
11
- padding: 5px 0;
12
- text-align: left;
13
- list-style: none;
14
- font-size: 12px;
15
- box-sizing: border-box;
16
- max-height: 250px;
17
- overflow-y: scroll;
18
- z-index: 1000000;
19
- border-radius: 3px;
20
- box-shadow: 0 0 0 1px rgba(39,44,48,0.05), 0 2px 7px 1px rgba(39,44,48,0.16);
21
- li {
22
- width: 100%;
23
- position: relative;
24
- display: inline-block;
25
- float: left;
26
- box-sizing: border-box;
27
- text-align: left;
28
- border: 0;
29
- background-color: transparent;
30
- padding: 10px;
31
- clear: both;
32
- font-weight: 400;
33
- line-height: 1.42857143;
34
- color: #23363D;
35
- &:hover {
36
- background: #F3F6F8;
37
- color: #23363D;
38
- cursor: pointer;
39
- }
40
- a {
41
- display: flex;
42
- align-items: center;
43
- color: #23363D;
44
- &:hover {
45
- color: #23363D;
46
- }
47
- }
48
- img {
49
- display: inline-block;
50
- float: left;
51
- max-height: 32px;
52
- max-width: 32px;
53
- margin-right: 15px;
54
- border-radius: @border-radius;
55
- }
56
- span {
57
- font-size: 12px;
58
- font-weight: 400;
59
- margin-left: 5px;
60
- }
61
- }
62
- }
63
-
64
- .ui-datepicker-trigger {
65
- font-family: 'FontAwesome';
66
- color: #FFF;
67
- text-align: center;
68
- margin: 0px;
69
- height: 35px;
70
- margin-top: 0px;
71
- border: none;
72
- text-decoration: none;
73
- padding: 0px 13px;
74
- -webkit-appearance: none;
75
- border-bottom-right-radius: 0px;
76
- border-bottom-left-radius: 0px;
77
- border-top-right-radius: 0px;
78
- border-top-left-radius: 0px;
79
- background: @color-blue;
80
- cursor: pointer;
81
- font-size: 14px;
82
- white-space: nowrap;
83
- display: inline-block;
84
- vertical-align: middle;
85
- }
86
-
87
- .ui-datepicker {
88
- background: white;
89
- border: 1px solid #ccc;
90
- padding: 15px;
91
- font-size: 12px;
92
- display: none;
93
- table td,th {
94
- text-align: center;
95
- }
96
- }
97
-
98
- .ui-datepicker-next {
99
- float: right;
100
- }
101
-
102
- .ui-datepicker-next:hover,
103
- .ui-datepicker-prev:hover {
104
- cursor: pointer;
105
- }
106
-
107
- .ui-datepicker-title {
108
- font-size: 14px;
109
- color: #555;
110
- margin: 10px 0 5px 0;
111
- }
112
-
113
- .ui-datepicker-today {
114
- border: 1px solid #ccc;
115
- background: #efefef;
116
- }
@@ -1,29 +0,0 @@
1
- // Lazyload
2
- img:not([src]):not([srcset]) {
3
- visibility: hidden;
4
- }
5
-
6
- @-moz-document url-prefix() {
7
- img:-moz-loading {
8
- visibility: hidden;
9
- }
10
- }
11
-
12
- img[data-src],
13
- img[data-srcset], {
14
- display: block;
15
- min-height: 1px;
16
- border: 0;
17
- opacity: 0;
18
- margin: 0 auto;
19
- }
20
-
21
- img:not(.initial):not(.no-transition) {
22
- transition: opacity 0.4s;
23
- }
24
-
25
- img.initial,
26
- img.loaded,
27
- img.error {
28
- opacity: 1;
29
- }
@@ -1,11 +0,0 @@
1
- // Overflow
2
- .no-overflow {
3
- overflow: hidden !important;
4
- }
5
-
6
- .overflow-visible,
7
- .section .overflow-visible,
8
- .section .section-content.overflow-visible {
9
- overflow-x: visible;
10
- overflow-y: visible;
11
- }
@@ -1,25 +0,0 @@
1
- // Pace
2
- .pace {
3
- position: absolute;
4
- left: 0;
5
- right: 0;
6
- height: 2px;
7
- pointer-events: none;
8
- user-select: none;
9
- overflow: hidden;
10
- @media screen and (max-width: 767px) {
11
- left: 0;
12
- }
13
- &.pace-inactive {
14
- display: none;
15
- }
16
- > .pace-progress {
17
- position: absolute;
18
- top: 0;
19
- right: 100%;
20
- width: 100%;
21
- height: 2px;
22
- background: @color-blue;
23
- z-index: 2000;
24
- }
25
- }
@@ -1,60 +0,0 @@
1
- // Placeholder
2
- .placeholder {
3
- display: flex;
4
- flex-direction: column;
5
- align-items: center;
6
- justify-content: center;
7
- color: @color-text;
8
- box-sizing: border-box;
9
- padding: 16px;
10
- .placeholder-icon {
11
- .icon {
12
- display: flex;
13
- align-items: center;
14
- justify-content: center;
15
- border-radius: 50%;
16
- width: 100px;
17
- height: 100px;
18
- color: @color-grey-darker;
19
- background-color: @color-grey-lighter;
20
- padding: 10px;
21
- i {
22
- font-size: 5rem;
23
- }
24
- }
25
- & + .placeholder-title,
26
- & + .placeholder-description,
27
- & + .placeholder-action,
28
- & + .placeholder-action-secondary {
29
- margin-top: 20px;
30
- }
31
- }
32
- .placeholder-title {
33
- text-align: center;
34
- color: @color-grey-blue;
35
- & + .placeholder-description {
36
- margin-top: 10px;
37
- }
38
- & + .placeholder-action,
39
- & + .placeholder-action-secondary {
40
- margin-top: 20px;
41
- }
42
- }
43
- .placeholder-description {
44
- text-align: center;
45
- font-weight: @font-weight-light;
46
- color: @color-grey-darker;
47
- .description {
48
- margin-bottom: 0;
49
- }
50
- & + .placeholder-action,
51
- & + .placeholder-secondary {
52
- margin-top: 20px;
53
- }
54
- }
55
- .placeholder-action {
56
- & + .placeholder-secondary {
57
- margin-top: 20px;
58
- }
59
- }
60
- }
@@ -1,42 +0,0 @@
1
- // Position
2
- .position-static {
3
- position: static;
4
- }
5
-
6
- .position-relative {
7
- position: relative;
8
- }
9
-
10
- .position-absolute {
11
- position: absolute;
12
- }
13
-
14
- .position-fixed {
15
- position: fixed;
16
- }
17
-
18
- .position-sticky {
19
- position: sticky;
20
- }
21
-
22
- .fixed-top {
23
- position: fixed;
24
- top: 0;
25
- right: 0;
26
- left: 0;
27
- z-index: @zindex-fixed;
28
- }
29
-
30
- .fixed-bottom {
31
- position: fixed;
32
- right: 0;
33
- bottom: 0;
34
- left: 0;
35
- z-index: @zindex-fixed;
36
- }
37
-
38
- .sticky-top {
39
- position: sticky;
40
- top: 0;
41
- z-index: @zindex-sticky;
42
- }