@finqu/cool 1.2.28 → 1.3.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 (207) hide show
  1. package/README.md +680 -1
  2. package/dist/css/cool.css +23510 -16076
  3. package/dist/css/cool.css.map +1 -154
  4. package/dist/css/cool.min.css +89 -3
  5. package/dist/css/cool.min.css.map +1 -1
  6. package/dist/js/cool.bundle.js +15397 -3775
  7. package/dist/js/cool.bundle.js.map +1 -1
  8. package/dist/js/cool.bundle.min.js +20 -8
  9. package/dist/js/cool.bundle.min.js.map +1 -1
  10. package/dist/js/cool.esm.js +4281 -3352
  11. package/dist/js/cool.esm.js.map +1 -1
  12. package/dist/js/cool.esm.min.js +9 -8
  13. package/dist/js/cool.esm.min.js.map +1 -1
  14. package/dist/js/cool.js +4283 -3354
  15. package/dist/js/cool.js.map +1 -1
  16. package/dist/js/cool.min.js +9 -8
  17. package/dist/js/cool.min.js.map +1 -1
  18. package/package.json +94 -61
  19. package/.babelrc.js +0 -20
  20. package/.browserslistrc +0 -13
  21. package/build/.eslintrc.json +0 -10
  22. package/build/banner.js +0 -14
  23. package/build/build-plugins.js +0 -92
  24. package/build/rollup.config.js +0 -46
  25. package/dist/css/cool-grid.css +0 -3704
  26. package/dist/css/cool-grid.css.map +0 -30
  27. package/dist/css/cool-grid.min.css +0 -7
  28. package/dist/css/cool-grid.min.css.map +0 -1
  29. package/dist/css/cool-reboot.css +0 -285
  30. package/dist/css/cool-reboot.css.map +0 -62
  31. package/dist/css/cool-reboot.min.css +0 -7
  32. package/dist/css/cool-reboot.min.css.map +0 -1
  33. package/html/dropdown-test.html +0 -200
  34. package/html/index.html +0 -2704
  35. package/js/dist/collapse.js +0 -5290
  36. package/js/dist/collapse.js.map +0 -1
  37. package/js/dist/common.js +0 -22152
  38. package/js/dist/common.js.map +0 -1
  39. package/js/dist/cooldropdown.js +0 -467
  40. package/js/dist/cooldropdown.js.map +0 -1
  41. package/js/dist/coolpopover.js +0 -391
  42. package/js/dist/coolpopover.js.map +0 -1
  43. package/js/dist/coolsectiontabs.js +0 -256
  44. package/js/dist/coolsectiontabs.js.map +0 -1
  45. package/js/dist/coolselect.js +0 -796
  46. package/js/dist/coolselect.js.map +0 -1
  47. package/js/dist/cooltooltip.js +0 -360
  48. package/js/dist/cooltooltip.js.map +0 -1
  49. package/js/dist/coolui.js +0 -73
  50. package/js/dist/coolui.js.map +0 -1
  51. package/js/dist/dropdown.js +0 -27421
  52. package/js/dist/dropdown.js.map +0 -1
  53. package/js/dist/popover.js +0 -9298
  54. package/js/dist/popover.js.map +0 -1
  55. package/js/dist/sectiontabs.js +0 -4483
  56. package/js/dist/sectiontabs.js.map +0 -1
  57. package/js/dist/select.js +0 -37052
  58. package/js/dist/select.js.map +0 -1
  59. package/js/dist/tooltip.js +0 -8786
  60. package/js/dist/tooltip.js.map +0 -1
  61. package/js/index.esm.js +0 -21
  62. package/js/index.umd.js +0 -21
  63. package/js/src/abstract-ui-component.js +0 -81
  64. package/js/src/collapse.js +0 -272
  65. package/js/src/common.js +0 -313
  66. package/js/src/dialog.js +0 -578
  67. package/js/src/dropdown.js +0 -525
  68. package/js/src/popover.js +0 -621
  69. package/js/src/section-tabs.js +0 -215
  70. package/js/src/select.js +0 -1341
  71. package/js/src/toast.js +0 -581
  72. package/js/src/tooltip.js +0 -591
  73. package/js/src/util/animate-css.js +0 -22
  74. package/js/src/util/index.js +0 -122
  75. package/js/src/util/perfect-scrollbar.js +0 -1316
  76. package/less/alert.less +0 -345
  77. package/less/badge.less +0 -38
  78. package/less/bootstrap-noconflict.less +0 -23
  79. package/less/bootstrap.less +0 -23
  80. package/less/button-group.less +0 -153
  81. package/less/buttons.less +0 -287
  82. package/less/dialog-noconflict.less +0 -174
  83. package/less/dialog.less +0 -203
  84. package/less/dropdown.less +0 -209
  85. package/less/forms.less +0 -770
  86. package/less/images.less +0 -242
  87. package/less/input-group.less +0 -163
  88. package/less/list-group.less +0 -73
  89. package/less/mixins/aspect-ratio.less +0 -23
  90. package/less/mixins/border-radius.less +0 -24
  91. package/less/mixins/box-shadow.less +0 -4
  92. package/less/mixins/buttons.less +0 -17
  93. package/less/mixins/caret.less +0 -51
  94. package/less/mixins/clearfix.less +0 -10
  95. package/less/mixins/gradients.less +0 -34
  96. package/less/mixins/nav-divider.less +0 -7
  97. package/less/mixins/object-fit.less +0 -13
  98. package/less/mixins/reset-text.less +0 -16
  99. package/less/mixins.less +0 -11
  100. package/less/package.json +0 -11
  101. package/less/pagination.less +0 -69
  102. package/less/popover.less +0 -143
  103. package/less/project.sublime-workspace +0 -774
  104. package/less/reboot.less +0 -235
  105. package/less/section.less +0 -793
  106. package/less/select.less +0 -150
  107. package/less/tables.less +0 -737
  108. package/less/tabs.less +0 -162
  109. package/less/tooltip.less +0 -87
  110. package/less/type.less +0 -71
  111. package/less/utilities/align.less +0 -27
  112. package/less/utilities/animate.less +0 -3512
  113. package/less/utilities/background.less +0 -70
  114. package/less/utilities/borders.less +0 -16
  115. package/less/utilities/color.less +0 -70
  116. package/less/utilities/cursor.less +0 -8
  117. package/less/utilities/display.less +0 -38
  118. package/less/utilities/embed.less +0 -61
  119. package/less/utilities/flex.less +0 -76
  120. package/less/utilities/jquery-ui.less +0 -116
  121. package/less/utilities/lazyload.less +0 -29
  122. package/less/utilities/overflow.less +0 -11
  123. package/less/utilities/pace.less +0 -25
  124. package/less/utilities/placeholder.less +0 -60
  125. package/less/utilities/position.less +0 -42
  126. package/less/utilities/scrollbar.less +0 -152
  127. package/less/utilities/spacing.less +0 -197
  128. package/less/utilities/text.less +0 -68
  129. package/less/utilities/transform.less +0 -7
  130. package/less/utilities.less +0 -21
  131. package/less/variables.less +0 -343
  132. package/scss/LISENCE +0 -15
  133. package/scss/_alert.scss +0 -106
  134. package/scss/_badge.scss +0 -71
  135. package/scss/_button-group.scss +0 -129
  136. package/scss/_buttons.scss +0 -207
  137. package/scss/_custom-forms.scss +0 -429
  138. package/scss/_dialog.scss +0 -161
  139. package/scss/_dropdown.scss +0 -231
  140. package/scss/_forms.scss +0 -257
  141. package/scss/_frame.scss +0 -548
  142. package/scss/_functions.scss +0 -124
  143. package/scss/_grid.scss +0 -35
  144. package/scss/_images.scss +0 -362
  145. package/scss/_input-group.scss +0 -271
  146. package/scss/_list-group.scss +0 -82
  147. package/scss/_mixins.scss +0 -34
  148. package/scss/_navbar.scss +0 -264
  149. package/scss/_notification.scss +0 -13
  150. package/scss/_pagination.scss +0 -79
  151. package/scss/_popover.scss +0 -165
  152. package/scss/_reboot.scss +0 -283
  153. package/scss/_root.scss +0 -15
  154. package/scss/_section.scss +0 -912
  155. package/scss/_select.scss +0 -175
  156. package/scss/_tables.scss +0 -716
  157. package/scss/_tabs.scss +0 -175
  158. package/scss/_toast.scss +0 -182
  159. package/scss/_tooltip.scss +0 -101
  160. package/scss/_type.scss +0 -121
  161. package/scss/_utilities.scss +0 -23
  162. package/scss/_variables.scss +0 -699
  163. package/scss/cool-grid.scss +0 -29
  164. package/scss/cool-reboot.scss +0 -11
  165. package/scss/cool.scss +0 -37
  166. package/scss/mixins/_alert-variant.scss +0 -25
  167. package/scss/mixins/_aspect-ratio.scss +0 -29
  168. package/scss/mixins/_background-variant.scss +0 -25
  169. package/scss/mixins/_badge-variant.scss +0 -36
  170. package/scss/mixins/_breakpoints.scss +0 -102
  171. package/scss/mixins/_buttons.scss +0 -104
  172. package/scss/mixins/_caret.scss +0 -80
  173. package/scss/mixins/_clearfix.scss +0 -10
  174. package/scss/mixins/_float.scss +0 -14
  175. package/scss/mixins/_forms.scss +0 -67
  176. package/scss/mixins/_gradients.scss +0 -40
  177. package/scss/mixins/_grid-framework.scss +0 -72
  178. package/scss/mixins/_grid.scss +0 -60
  179. package/scss/mixins/_nav-divider.scss +0 -9
  180. package/scss/mixins/_notification-variant.scss +0 -7
  181. package/scss/mixins/_object-fit.scss +0 -16
  182. package/scss/mixins/_reset-text.scss +0 -19
  183. package/scss/mixins/_text-emphasis.scss +0 -21
  184. package/scss/mixins/_text-hide.scss +0 -10
  185. package/scss/mixins/_text-truncate.scss +0 -81
  186. package/scss/mixins/_visibility.scss +0 -7
  187. package/scss/project.sublime-workspace +0 -491
  188. package/scss/utilities/_align.scss +0 -41
  189. package/scss/utilities/_animate.scss +0 -3512
  190. package/scss/utilities/_background.scss +0 -14
  191. package/scss/utilities/_borders.scss +0 -146
  192. package/scss/utilities/_clearfix.scss +0 -6
  193. package/scss/utilities/_collapse.scss +0 -33
  194. package/scss/utilities/_cursor.scss +0 -22
  195. package/scss/utilities/_display.scss +0 -16
  196. package/scss/utilities/_embed.scss +0 -78
  197. package/scss/utilities/_flex.scss +0 -52
  198. package/scss/utilities/_lazyload.scss +0 -31
  199. package/scss/utilities/_overflow.scss +0 -6
  200. package/scss/utilities/_perfect-scrollbar.scss +0 -141
  201. package/scss/utilities/_placeholder.scss +0 -76
  202. package/scss/utilities/_position.scss +0 -30
  203. package/scss/utilities/_sizing.scss +0 -32
  204. package/scss/utilities/_spacing.scss +0 -92
  205. package/scss/utilities/_text.scss +0 -99
  206. package/scss/utilities/_user-select.scss +0 -14
  207. package/scss/utilities/_visibility.scss +0 -10
@@ -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
- }