@nokecy/qc-ui 1.0.4 → 1.0.6

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 (51) hide show
  1. package/README.md +23 -23
  2. package/dist/cjs/ConfirmPro/index.js +4 -4
  3. package/dist/cjs/ag-grid-plus/_utils/boolSelect.js +5 -5
  4. package/dist/cjs/ag-grid-plus/ag-grid-theme-builder.css +352 -352
  5. package/dist/cjs/ag-grid-plus/ag-gridPlus.js +2 -2
  6. package/dist/cjs/ag-grid-plus/index.less +14 -14
  7. package/dist/cjs/ag-grid-plus/interface.d.ts +5 -1
  8. package/dist/cjs/ag-grid-plus/queryForm/index.less +48 -48
  9. package/dist/cjs/ag-grid-plus/toolBar/index.js +4 -4
  10. package/dist/cjs/ag-grid-plus/utils.d.ts +2 -1
  11. package/dist/cjs/ag-grid-plus/utils.js +10 -7
  12. package/dist/cjs/dashboard/dashboard/components/toolbar/style/index.less +49 -49
  13. package/dist/cjs/dashboard/dashboard/index.less +173 -173
  14. package/dist/cjs/dashboard/dashboard/utils.js +4 -4
  15. package/dist/cjs/dashboard/utils.js +8 -8
  16. package/dist/cjs/dashboard/widget/index.less +7 -7
  17. package/dist/cjs/dashboard/widget/selector/index.less +172 -172
  18. package/dist/cjs/draggableModal/index.js +4 -4
  19. package/dist/cjs/draggableModal/style.less +16 -16
  20. package/dist/cjs/formDesigner/arrayTable/styles.less +2 -2
  21. package/dist/cjs/formDesigner/index.less +2 -2
  22. package/dist/cjs/fullScreenAlert/index.js +4 -4
  23. package/dist/cjs/fullScreenAlert/index.less +133 -133
  24. package/dist/cjs/importModal/index.js +4 -4
  25. package/dist/cjs/toolBar/index.less +25 -25
  26. package/dist/esm/ConfirmPro/index.js +4 -4
  27. package/dist/esm/ag-grid-plus/_utils/boolSelect.js +5 -5
  28. package/dist/esm/ag-grid-plus/ag-grid-theme-builder.css +352 -352
  29. package/dist/esm/ag-grid-plus/ag-gridPlus.js +2 -2
  30. package/dist/esm/ag-grid-plus/index.less +14 -14
  31. package/dist/esm/ag-grid-plus/interface.d.ts +5 -1
  32. package/dist/esm/ag-grid-plus/queryForm/index.less +48 -48
  33. package/dist/esm/ag-grid-plus/toolBar/index.js +4 -4
  34. package/dist/esm/ag-grid-plus/utils.d.ts +2 -1
  35. package/dist/esm/ag-grid-plus/utils.js +10 -7
  36. package/dist/esm/dashboard/dashboard/components/toolbar/style/index.less +49 -49
  37. package/dist/esm/dashboard/dashboard/index.less +173 -173
  38. package/dist/esm/dashboard/dashboard/utils.js +4 -4
  39. package/dist/esm/dashboard/utils.js +8 -8
  40. package/dist/esm/dashboard/widget/index.less +7 -7
  41. package/dist/esm/dashboard/widget/selector/index.less +172 -172
  42. package/dist/esm/draggableModal/index.js +4 -4
  43. package/dist/esm/draggableModal/style.less +16 -16
  44. package/dist/esm/formDesigner/arrayTable/styles.less +2 -2
  45. package/dist/esm/formDesigner/index.less +2 -2
  46. package/dist/esm/fullScreenAlert/index.js +4 -4
  47. package/dist/esm/fullScreenAlert/index.less +133 -133
  48. package/dist/esm/importModal/index.js +4 -4
  49. package/dist/esm/toolBar/index.less +25 -25
  50. package/dist/umd/qc-ui.min.js +1 -1
  51. package/package.json +70 -70
@@ -1,172 +1,172 @@
1
- .react-dashboard-widget-selector{
2
- position:fixed;
3
- top:50%;
4
- left:50%;
5
- transform:translate(-50%, -50%);
6
- z-index:1006;
7
- width:60%;
8
- height:60%;
9
- max-width:800px;
10
- max-height:600px;
11
- background:var(--component-background);
12
- }
13
-
14
- .react-dashboard-widget-wrap {
15
- display: flex;
16
- height:100%;
17
-
18
- .react-dashboard-widget-leftBar {
19
- padding: 10px;
20
- width: 180px;
21
- border-right: 1px solid rgba(0, 0, 0, 0.1);
22
- background: var(--component-background);
23
- .react-dashboard-widget-searchIcon {
24
- color: var(--text-color);
25
- }
26
-
27
- .react-dashboard-widget-item {
28
- display: flex;
29
- justify-content: space-between;
30
- padding: 10px;
31
-
32
- .react-dashboard-widget-Badge {
33
-
34
- .ant-badge-count {
35
- color: var(--text-color);
36
- background-color: var(--component-background-1) !important;
37
- }
38
-
39
- }
40
-
41
- cursor: pointer;
42
-
43
- &:hover {
44
- background: var(--component-background-3);
45
- font-weight: bold;
46
- }
47
- }
48
-
49
- .react-dashboard-widget-active {
50
- background: rgba(0, 0, 0, 0.03);
51
- font-weight: bold;
52
- }
53
- }
54
-
55
- .react-dashboard-widget-Layer {
56
- flex: 1 1;
57
- overflow-y: auto;
58
- overflow-x: hidden;
59
- padding: 10px;
60
- background: rgba(0, 0, 0, 0.01);
61
- &::-webkit-scrollbar {
62
- width: 1px;
63
- height: 1px;
64
- overflow: auto;
65
- }
66
-
67
- &::-webkit-scrollbar-thumb {
68
- background-color: var(--primary-color);
69
- min-height: 25px;
70
- min-width: 25px;
71
-
72
- &:hover {
73
- background-color: #a8a8a8;
74
- }
75
-
76
- &:active {
77
- background-color: #787878;
78
- }
79
- }
80
-
81
- &::-webkit-scrollbar-track {
82
- background-color: #f7f7f7;
83
- border: 1px solid #efefef;
84
- }
85
-
86
- .react-dashboard-widget-waterfall {
87
- width: 100%;
88
- }
89
-
90
- .ant-popover-inner-content {
91
- background: rgba(0, 0, 0, 0.01);
92
- }
93
-
94
-
95
- .react-dashboard-widget-item {
96
- cursor: pointer;
97
- height: auto;
98
- margin-bottom: 10px;
99
- width: 100%;
100
- height: auto;
101
- border-radius: 5px;
102
- overflow: hidden;
103
- // box-shadow: 0 0 0px rgba(255, 255, 255, 1);
104
- transition: all 0.3s;
105
- border: 1px solid rgba(0, 0, 0, 0.1);
106
- -webkit-column-break-inside: avoid;
107
- position: relative;
108
- background: var(--component-background);
109
- .react-dashboard-widget-shortcut {
110
- width: 100%;
111
- height: auto;
112
- }
113
-
114
- .react-dashboard-widget-mask {
115
- opacity: 0;
116
- position: absolute;
117
- top: 0;
118
- left: 0;
119
- width: 100%;
120
- height: 100%;
121
- background: rgba(0, 0, 0, 0.5);
122
- display: flex;
123
- justify-content: center;
124
- align-items: center;
125
- transition: all 0.3s;
126
- }
127
-
128
- &:hover {
129
- transition: all 0.3s;
130
-
131
- border: 1px solid var(--component-background-3);
132
-
133
- .react-dashboard-widget-mask {
134
- opacity: 1;
135
- transition: all 0.3s;
136
- }
137
- }
138
-
139
- .react-dashboard-widget-bottombar {
140
- border-top: 1px solid rgba(0, 0, 0, 0.1);
141
- width: 100%;
142
-
143
- padding: 5px;
144
-
145
- .react-dashboard-widget-iconWrap {
146
- display: inline-block;
147
- width: 28px;
148
- height: 28px;
149
- line-height: 28px;
150
- text-align: center;
151
- border-radius: 7px;
152
- color: #fff;
153
- margin-right: 5px;
154
- font-size: 16px;
155
- }
156
-
157
- .react-dashboard-widget-name {
158
- font-size: 16px;
159
- flex: 1;
160
- color: var(--text-color);
161
- line-height: 28px;
162
- font-weight: bold;
163
- display: inline;
164
- }
165
-
166
- .react-dashboard-widget-description {
167
- margin-top: 5px;
168
- }
169
- }
170
- }
171
- }
172
- }
1
+ .react-dashboard-widget-selector{
2
+ position:fixed;
3
+ top:50%;
4
+ left:50%;
5
+ transform:translate(-50%, -50%);
6
+ z-index:1006;
7
+ width:60%;
8
+ height:60%;
9
+ max-width:800px;
10
+ max-height:600px;
11
+ background:var(--component-background);
12
+ }
13
+
14
+ .react-dashboard-widget-wrap {
15
+ display: flex;
16
+ height:100%;
17
+
18
+ .react-dashboard-widget-leftBar {
19
+ padding: 10px;
20
+ width: 180px;
21
+ border-right: 1px solid rgba(0, 0, 0, 0.1);
22
+ background: var(--component-background);
23
+ .react-dashboard-widget-searchIcon {
24
+ color: var(--text-color);
25
+ }
26
+
27
+ .react-dashboard-widget-item {
28
+ display: flex;
29
+ justify-content: space-between;
30
+ padding: 10px;
31
+
32
+ .react-dashboard-widget-Badge {
33
+
34
+ .ant-badge-count {
35
+ color: var(--text-color);
36
+ background-color: var(--component-background-1) !important;
37
+ }
38
+
39
+ }
40
+
41
+ cursor: pointer;
42
+
43
+ &:hover {
44
+ background: var(--component-background-3);
45
+ font-weight: bold;
46
+ }
47
+ }
48
+
49
+ .react-dashboard-widget-active {
50
+ background: rgba(0, 0, 0, 0.03);
51
+ font-weight: bold;
52
+ }
53
+ }
54
+
55
+ .react-dashboard-widget-Layer {
56
+ flex: 1 1;
57
+ overflow-y: auto;
58
+ overflow-x: hidden;
59
+ padding: 10px;
60
+ background: rgba(0, 0, 0, 0.01);
61
+ &::-webkit-scrollbar {
62
+ width: 1px;
63
+ height: 1px;
64
+ overflow: auto;
65
+ }
66
+
67
+ &::-webkit-scrollbar-thumb {
68
+ background-color: var(--primary-color);
69
+ min-height: 25px;
70
+ min-width: 25px;
71
+
72
+ &:hover {
73
+ background-color: #a8a8a8;
74
+ }
75
+
76
+ &:active {
77
+ background-color: #787878;
78
+ }
79
+ }
80
+
81
+ &::-webkit-scrollbar-track {
82
+ background-color: #f7f7f7;
83
+ border: 1px solid #efefef;
84
+ }
85
+
86
+ .react-dashboard-widget-waterfall {
87
+ width: 100%;
88
+ }
89
+
90
+ .ant-popover-inner-content {
91
+ background: rgba(0, 0, 0, 0.01);
92
+ }
93
+
94
+
95
+ .react-dashboard-widget-item {
96
+ cursor: pointer;
97
+ height: auto;
98
+ margin-bottom: 10px;
99
+ width: 100%;
100
+ height: auto;
101
+ border-radius: 5px;
102
+ overflow: hidden;
103
+ // box-shadow: 0 0 0px rgba(255, 255, 255, 1);
104
+ transition: all 0.3s;
105
+ border: 1px solid rgba(0, 0, 0, 0.1);
106
+ -webkit-column-break-inside: avoid;
107
+ position: relative;
108
+ background: var(--component-background);
109
+ .react-dashboard-widget-shortcut {
110
+ width: 100%;
111
+ height: auto;
112
+ }
113
+
114
+ .react-dashboard-widget-mask {
115
+ opacity: 0;
116
+ position: absolute;
117
+ top: 0;
118
+ left: 0;
119
+ width: 100%;
120
+ height: 100%;
121
+ background: rgba(0, 0, 0, 0.5);
122
+ display: flex;
123
+ justify-content: center;
124
+ align-items: center;
125
+ transition: all 0.3s;
126
+ }
127
+
128
+ &:hover {
129
+ transition: all 0.3s;
130
+
131
+ border: 1px solid var(--component-background-3);
132
+
133
+ .react-dashboard-widget-mask {
134
+ opacity: 1;
135
+ transition: all 0.3s;
136
+ }
137
+ }
138
+
139
+ .react-dashboard-widget-bottombar {
140
+ border-top: 1px solid rgba(0, 0, 0, 0.1);
141
+ width: 100%;
142
+
143
+ padding: 5px;
144
+
145
+ .react-dashboard-widget-iconWrap {
146
+ display: inline-block;
147
+ width: 28px;
148
+ height: 28px;
149
+ line-height: 28px;
150
+ text-align: center;
151
+ border-radius: 7px;
152
+ color: #fff;
153
+ margin-right: 5px;
154
+ font-size: 16px;
155
+ }
156
+
157
+ .react-dashboard-widget-name {
158
+ font-size: 16px;
159
+ flex: 1;
160
+ color: var(--text-color);
161
+ line-height: 28px;
162
+ font-weight: bold;
163
+ display: inline;
164
+ }
165
+
166
+ .react-dashboard-widget-description {
167
+ margin-top: 5px;
168
+ }
169
+ }
170
+ }
171
+ }
172
+ }
@@ -20,10 +20,10 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
20
20
  function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
21
21
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
22
22
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
23
- /**
24
- * 可拖拽Modal
25
- * @param props
26
- * @returns
23
+ /**
24
+ * 可拖拽Modal
25
+ * @param props
26
+ * @returns
27
27
  */
28
28
  var DraggableModal = function DraggableModal(props) {
29
29
  var _useState = (0, _react.useState)(true),
@@ -1,16 +1,16 @@
1
- .modal-wrap-fullscreen {
2
- top: 0;
3
- margin: 0;
4
- width: 100%;
5
- max-width: 100%;
6
- height: 100vh;
7
- max-height: 100vh;
8
- padding: 0;
9
-
10
- :global {
11
- .acud-modal-content {
12
- height: 100%;
13
- border-radius: 0;
14
- }
15
- }
16
- }
1
+ .modal-wrap-fullscreen {
2
+ top: 0;
3
+ margin: 0;
4
+ width: 100%;
5
+ max-width: 100%;
6
+ height: 100vh;
7
+ max-height: 100vh;
8
+ padding: 0;
9
+
10
+ :global {
11
+ .acud-modal-content {
12
+ height: 100%;
13
+ border-radius: 0;
14
+ }
15
+ }
16
+ }
@@ -1,3 +1,3 @@
1
- .dn-array-table {
2
- background-color: #fff;
1
+ .dn-array-table {
2
+ background-color: #fff;
3
3
  }
@@ -1,3 +1,3 @@
1
- .dn-app {
2
- height: 100%;
1
+ .dn-app {
2
+ height: 100%;
3
3
  }
@@ -16,10 +16,10 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
16
16
  function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
17
17
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
18
18
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
19
- /**
20
- * 全部闪烁警告
21
- * @param props
22
- * @returns
19
+ /**
20
+ * 全部闪烁警告
21
+ * @param props
22
+ * @returns
23
23
  */
24
24
  var FullScreenAlert = function FullScreenAlert(props) {
25
25
  var activeProps = props.active,
@@ -1,133 +1,133 @@
1
- :root {
2
- --alert-size: 120px;
3
- }
4
-
5
- .successOverlay::before,
6
- .successOverlay::after {
7
- position: absolute;
8
- width: var(--alert-size);
9
- height: 100%;
10
- content: '';
11
- }
12
-
13
- .successOverlay > div::before,
14
- .successOverlay > div::after {
15
- position: absolute;
16
- width: 100%;
17
- height: var(--alert-size);
18
- content: '';
19
- }
20
-
21
- .successOverlay::before {
22
- top: 0;
23
- left: 0;
24
- background: linear-gradient(to right, green, transparent);
25
- transform: rotate(0deg);
26
- }
27
-
28
- .successOverlay::after {
29
- top: 0%;
30
- left: 100%;
31
- background: linear-gradient(to left, green, transparent);
32
- transform: rotate(0deg) translate(calc(-1 * var(--alert-size)), 0px);
33
- }
34
-
35
- .successOverlay > div::before {
36
- top: 0;
37
- left: 0;
38
- background: linear-gradient(to top, green, transparent);
39
- transform: rotate(180deg);
40
- }
41
-
42
- .successOverlay > div::after {
43
- top: 100%;
44
- left: 0;
45
- background: linear-gradient(to top, green, transparent);
46
- transform: rotate(0deg) translate(0px, calc(-1 * var(--alert-size)));
47
- }
48
-
49
- .successOverlay {
50
- position: absolute;
51
- top: 0;
52
- left: 0;
53
- z-index: 1;
54
- box-sizing: border-box;
55
- width: 100%;
56
- height: 100%;
57
- opacity: 1;
58
- transition: opacity 0.5s;
59
- pointer-events: none;
60
- }
61
-
62
- .errorOverlay::before,
63
- .errorOverlay::after {
64
- position: absolute;
65
- width: var(--alert-size);
66
- height: 100%;
67
- content: '';
68
- }
69
-
70
- .errorOverlay > div::before,
71
- .errorOverlay > div::after {
72
- position: absolute;
73
- width: 100%;
74
- height: var(--alert-size);
75
- content: '';
76
- }
77
-
78
- .errorOverlay::before {
79
- top: 0;
80
- left: 0;
81
- background: linear-gradient(to right, red, transparent);
82
- transform: rotate(0deg);
83
- }
84
-
85
- .errorOverlay::after {
86
- top: 0%;
87
- left: 100%;
88
- background: linear-gradient(to left, red, transparent);
89
- transform: rotate(0deg) translate(calc(-1 * var(--alert-size)), 0px);
90
- }
91
-
92
- .errorOverlay > div::before {
93
- top: 0;
94
- left: 0;
95
- background: linear-gradient(to top, red, transparent);
96
- transform: rotate(180deg);
97
- }
98
-
99
- .errorOverlay > div::after {
100
- top: 100%;
101
- left: 0;
102
- background: linear-gradient(to top, red, transparent);
103
- transform: rotate(0deg) translate(0px, calc(-1 * var(--alert-size)));
104
- }
105
-
106
- .errorOverlay {
107
- position: absolute;
108
- top: 0;
109
- left: 0;
110
- z-index: 1;
111
- box-sizing: border-box;
112
- width: 100%;
113
- height: 100%;
114
- opacity: 1;
115
- transition: opacity 0.5s;
116
- pointer-events: none;
117
- }
118
-
119
- .alert-active {
120
- animation: blink 0.75s infinite;
121
- }
122
-
123
- @keyframes blink {
124
- 0% {
125
- opacity: 0;
126
- }
127
- 50% {
128
- opacity: 0.5;
129
- }
130
- 100% {
131
- opacity: 0;
132
- }
133
- }
1
+ :root {
2
+ --alert-size: 120px;
3
+ }
4
+
5
+ .successOverlay::before,
6
+ .successOverlay::after {
7
+ position: absolute;
8
+ width: var(--alert-size);
9
+ height: 100%;
10
+ content: '';
11
+ }
12
+
13
+ .successOverlay > div::before,
14
+ .successOverlay > div::after {
15
+ position: absolute;
16
+ width: 100%;
17
+ height: var(--alert-size);
18
+ content: '';
19
+ }
20
+
21
+ .successOverlay::before {
22
+ top: 0;
23
+ left: 0;
24
+ background: linear-gradient(to right, green, transparent);
25
+ transform: rotate(0deg);
26
+ }
27
+
28
+ .successOverlay::after {
29
+ top: 0%;
30
+ left: 100%;
31
+ background: linear-gradient(to left, green, transparent);
32
+ transform: rotate(0deg) translate(calc(-1 * var(--alert-size)), 0px);
33
+ }
34
+
35
+ .successOverlay > div::before {
36
+ top: 0;
37
+ left: 0;
38
+ background: linear-gradient(to top, green, transparent);
39
+ transform: rotate(180deg);
40
+ }
41
+
42
+ .successOverlay > div::after {
43
+ top: 100%;
44
+ left: 0;
45
+ background: linear-gradient(to top, green, transparent);
46
+ transform: rotate(0deg) translate(0px, calc(-1 * var(--alert-size)));
47
+ }
48
+
49
+ .successOverlay {
50
+ position: absolute;
51
+ top: 0;
52
+ left: 0;
53
+ z-index: 1;
54
+ box-sizing: border-box;
55
+ width: 100%;
56
+ height: 100%;
57
+ opacity: 1;
58
+ transition: opacity 0.5s;
59
+ pointer-events: none;
60
+ }
61
+
62
+ .errorOverlay::before,
63
+ .errorOverlay::after {
64
+ position: absolute;
65
+ width: var(--alert-size);
66
+ height: 100%;
67
+ content: '';
68
+ }
69
+
70
+ .errorOverlay > div::before,
71
+ .errorOverlay > div::after {
72
+ position: absolute;
73
+ width: 100%;
74
+ height: var(--alert-size);
75
+ content: '';
76
+ }
77
+
78
+ .errorOverlay::before {
79
+ top: 0;
80
+ left: 0;
81
+ background: linear-gradient(to right, red, transparent);
82
+ transform: rotate(0deg);
83
+ }
84
+
85
+ .errorOverlay::after {
86
+ top: 0%;
87
+ left: 100%;
88
+ background: linear-gradient(to left, red, transparent);
89
+ transform: rotate(0deg) translate(calc(-1 * var(--alert-size)), 0px);
90
+ }
91
+
92
+ .errorOverlay > div::before {
93
+ top: 0;
94
+ left: 0;
95
+ background: linear-gradient(to top, red, transparent);
96
+ transform: rotate(180deg);
97
+ }
98
+
99
+ .errorOverlay > div::after {
100
+ top: 100%;
101
+ left: 0;
102
+ background: linear-gradient(to top, red, transparent);
103
+ transform: rotate(0deg) translate(0px, calc(-1 * var(--alert-size)));
104
+ }
105
+
106
+ .errorOverlay {
107
+ position: absolute;
108
+ top: 0;
109
+ left: 0;
110
+ z-index: 1;
111
+ box-sizing: border-box;
112
+ width: 100%;
113
+ height: 100%;
114
+ opacity: 1;
115
+ transition: opacity 0.5s;
116
+ pointer-events: none;
117
+ }
118
+
119
+ .alert-active {
120
+ animation: blink 0.75s infinite;
121
+ }
122
+
123
+ @keyframes blink {
124
+ 0% {
125
+ opacity: 0;
126
+ }
127
+ 50% {
128
+ opacity: 0.5;
129
+ }
130
+ 100% {
131
+ opacity: 0;
132
+ }
133
+ }