@syncfusion/ej2-base 20.2.48 → 20.3.48

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 (61) hide show
  1. package/CHANGELOG.md +6 -24
  2. package/bin/syncfusion-license.js +1 -1
  3. package/dist/ej2-base.min.js +10 -0
  4. package/dist/ej2-base.umd.min.js +2 -2
  5. package/dist/ej2-base.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-base.es2015.js +3 -3
  7. package/dist/es6/ej2-base.es2015.js.map +1 -1
  8. package/dist/es6/ej2-base.es5.js +3 -3
  9. package/dist/es6/ej2-base.es5.js.map +1 -1
  10. package/dist/global/ej2-base.min.js +2 -2
  11. package/dist/global/ej2-base.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +36 -17
  14. package/src/validate-lic.js +3 -3
  15. package/styles/_all.scss +1 -2
  16. package/styles/_bootstrap4-definition.scss +0 -1
  17. package/styles/_highcontrast-light-definition.scss +0 -1
  18. package/styles/_material-dark-definition.scss +1 -1
  19. package/styles/_material-definition.scss +1 -1
  20. package/styles/_tailwind-dark-definition.scss +1 -1
  21. package/styles/_tailwind-definition.scss +1 -1
  22. package/styles/animation/_all.scss +31 -30
  23. package/styles/bootstrap-dark.css +87 -3
  24. package/styles/bootstrap.css +87 -3
  25. package/styles/bootstrap4.css +87 -3
  26. package/styles/bootstrap5-dark.css +87 -3
  27. package/styles/bootstrap5.css +87 -3
  28. package/styles/common/_core.scss +5 -8
  29. package/styles/definition/_bootstrap-dark.scss +114 -0
  30. package/styles/definition/_bootstrap.scss +115 -1
  31. package/styles/definition/_bootstrap4.scss +114 -0
  32. package/styles/definition/_bootstrap5-dark.scss +123 -24
  33. package/styles/definition/_bootstrap5.scss +115 -14
  34. package/styles/definition/_fabric-dark.scss +114 -0
  35. package/styles/definition/_fabric.scss +114 -0
  36. package/styles/definition/_fluent-dark.scss +130 -17
  37. package/styles/definition/_fluent.scss +126 -14
  38. package/styles/definition/_fusionnew-dark.scss +26 -24
  39. package/styles/definition/_fusionnew.scss +18 -14
  40. package/styles/definition/_highcontrast-light.scss +112 -0
  41. package/styles/definition/_highcontrast.scss +114 -0
  42. package/styles/definition/_material-dark.scss +114 -0
  43. package/styles/definition/_material.scss +114 -0
  44. package/styles/definition/_material3-dark.scss +30 -17
  45. package/styles/definition/_material3.scss +18 -14
  46. package/styles/definition/_tailwind-dark.scss +119 -17
  47. package/styles/definition/_tailwind.scss +120 -18
  48. package/styles/fabric-dark.css +87 -3
  49. package/styles/fabric.css +87 -3
  50. package/styles/fluent-dark.css +87 -3
  51. package/styles/fluent.css +87 -3
  52. package/styles/highcontrast-light.css +87 -3
  53. package/styles/highcontrast.css +87 -3
  54. package/styles/material-dark.css +87 -3
  55. package/styles/material.css +87 -3
  56. package/styles/offline-theme/material-dark.css +2595 -0
  57. package/styles/offline-theme/material.css +2595 -0
  58. package/styles/offline-theme/tailwind-dark.css +1869 -0
  59. package/styles/offline-theme/tailwind.css +1869 -0
  60. package/styles/tailwind-dark.css +87 -3
  61. package/styles/tailwind.css +87 -3
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 20.2.48
3
+ * version : 20.3.48
4
4
  * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-base@*",
3
- "_id": "@syncfusion/ej2-base@20.2.46",
3
+ "_id": "@syncfusion/ej2-base@18.61.0",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-E2urjFA6PniINMv0+38lPaFZHht0cBZPx8D8gRbj8c4COhJoc2SZgh8Nnurprs/cfgYTCO+IDaZZ9OusrcN16Q==",
5
+ "_integrity": "sha512-xre902f3O/phpSNiA8URYl4Cxgu8eyF2LZvMpe3GeDdUnH8Iyun5AdcUzjPcsez1YGoCR0fJzchW5XCasn4JOQ==",
6
6
  "_location": "/@syncfusion/ej2-base",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -20,16 +20,22 @@
20
20
  "/",
21
21
  "/@syncfusion/ej2",
22
22
  "/@syncfusion/ej2-angular-base",
23
+ "/@syncfusion/ej2-angular-buttons",
24
+ "/@syncfusion/ej2-angular-calendars",
23
25
  "/@syncfusion/ej2-angular-charts",
26
+ "/@syncfusion/ej2-angular-circulargauge",
27
+ "/@syncfusion/ej2-angular-diagrams",
24
28
  "/@syncfusion/ej2-angular-documenteditor",
25
29
  "/@syncfusion/ej2-angular-dropdowns",
30
+ "/@syncfusion/ej2-angular-gantt",
26
31
  "/@syncfusion/ej2-angular-grids",
27
- "/@syncfusion/ej2-angular-heatmap",
28
- "/@syncfusion/ej2-angular-inputs",
32
+ "/@syncfusion/ej2-angular-image-editor",
33
+ "/@syncfusion/ej2-angular-layouts",
29
34
  "/@syncfusion/ej2-angular-navigations",
30
35
  "/@syncfusion/ej2-angular-pdfviewer",
31
- "/@syncfusion/ej2-angular-querybuilder",
36
+ "/@syncfusion/ej2-angular-popups",
32
37
  "/@syncfusion/ej2-angular-spreadsheet",
38
+ "/@syncfusion/ej2-angular-treegrid",
33
39
  "/@syncfusion/ej2-barcode-generator",
34
40
  "/@syncfusion/ej2-buttons",
35
41
  "/@syncfusion/ej2-calendars",
@@ -45,6 +51,7 @@
45
51
  "/@syncfusion/ej2-gantt",
46
52
  "/@syncfusion/ej2-grids",
47
53
  "/@syncfusion/ej2-heatmap",
54
+ "/@syncfusion/ej2-image-editor",
48
55
  "/@syncfusion/ej2-inplace-editor",
49
56
  "/@syncfusion/ej2-inputs",
50
57
  "/@syncfusion/ej2-kanban",
@@ -60,16 +67,22 @@
60
67
  "/@syncfusion/ej2-progressbar",
61
68
  "/@syncfusion/ej2-querybuilder",
62
69
  "/@syncfusion/ej2-react-base",
70
+ "/@syncfusion/ej2-react-buttons",
71
+ "/@syncfusion/ej2-react-calendars",
63
72
  "/@syncfusion/ej2-react-charts",
73
+ "/@syncfusion/ej2-react-circulargauge",
74
+ "/@syncfusion/ej2-react-diagrams",
64
75
  "/@syncfusion/ej2-react-documenteditor",
65
76
  "/@syncfusion/ej2-react-dropdowns",
77
+ "/@syncfusion/ej2-react-gantt",
66
78
  "/@syncfusion/ej2-react-grids",
67
- "/@syncfusion/ej2-react-heatmap",
68
- "/@syncfusion/ej2-react-inputs",
79
+ "/@syncfusion/ej2-react-image-editor",
80
+ "/@syncfusion/ej2-react-layouts",
69
81
  "/@syncfusion/ej2-react-navigations",
70
82
  "/@syncfusion/ej2-react-pdfviewer",
71
- "/@syncfusion/ej2-react-querybuilder",
83
+ "/@syncfusion/ej2-react-popups",
72
84
  "/@syncfusion/ej2-react-spreadsheet",
85
+ "/@syncfusion/ej2-react-treegrid",
73
86
  "/@syncfusion/ej2-richtexteditor",
74
87
  "/@syncfusion/ej2-schedule",
75
88
  "/@syncfusion/ej2-splitbuttons",
@@ -78,19 +91,25 @@
78
91
  "/@syncfusion/ej2-treegrid",
79
92
  "/@syncfusion/ej2-treemap",
80
93
  "/@syncfusion/ej2-vue-base",
94
+ "/@syncfusion/ej2-vue-buttons",
95
+ "/@syncfusion/ej2-vue-calendars",
81
96
  "/@syncfusion/ej2-vue-charts",
97
+ "/@syncfusion/ej2-vue-circulargauge",
98
+ "/@syncfusion/ej2-vue-diagrams",
82
99
  "/@syncfusion/ej2-vue-documenteditor",
83
100
  "/@syncfusion/ej2-vue-dropdowns",
101
+ "/@syncfusion/ej2-vue-gantt",
84
102
  "/@syncfusion/ej2-vue-grids",
85
- "/@syncfusion/ej2-vue-heatmap",
86
- "/@syncfusion/ej2-vue-inputs",
103
+ "/@syncfusion/ej2-vue-image-editor",
104
+ "/@syncfusion/ej2-vue-layouts",
87
105
  "/@syncfusion/ej2-vue-navigations",
88
106
  "/@syncfusion/ej2-vue-pdfviewer",
89
- "/@syncfusion/ej2-vue-querybuilder",
90
- "/@syncfusion/ej2-vue-spreadsheet"
107
+ "/@syncfusion/ej2-vue-popups",
108
+ "/@syncfusion/ej2-vue-spreadsheet",
109
+ "/@syncfusion/ej2-vue-treegrid"
91
110
  ],
92
- "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-base/-/ej2-base-20.2.46.tgz",
93
- "_shasum": "ccaac49dc09064bd53f2692f488c627c9f933837",
111
+ "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-base/-/ej2-base-18.61.0.tgz",
112
+ "_shasum": "d234208f117d2a802c37ce46286e335c1b0d7081",
94
113
  "_spec": "@syncfusion/ej2-base@*",
95
114
  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
96
115
  "author": {
@@ -104,12 +123,12 @@
104
123
  },
105
124
  "bundleDependencies": false,
106
125
  "dependencies": {
107
- "@syncfusion/ej2-icons": "~20.2.45"
126
+ "@syncfusion/ej2-icons": "~20.3.47"
108
127
  },
109
128
  "deprecated": false,
110
129
  "description": "A common package of Essential JS 2 base libraries, methods and class definitions",
111
130
  "devDependencies": {},
112
- "es2015": "./dist/es6/ej2-base.es2015.js",
131
+ "es2015": "./dist/es6/ej2-base.es5.js",
113
132
  "homepage": "https://www.syncfusion.com/javascript-ui-controls",
114
133
  "keywords": [
115
134
  "ej2",
@@ -145,6 +164,6 @@
145
164
  "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
146
165
  },
147
166
  "typings": "index.d.ts",
148
- "version": "20.2.48",
167
+ "version": "20.3.48",
149
168
  "sideEffects": true
150
169
  }
@@ -10,7 +10,7 @@ var bypassKey = [115, 121, 110, 99, 102, 117, 115, 105,
10
10
  var LicenseValidator = /** @class */ (function () {
11
11
  function LicenseValidator(key) {
12
12
  this.isValidated = false;
13
- this.version = '20.2';
13
+ this.version = '20.3';
14
14
  this.platform = /JavaScript|ASPNET|ASPNETCORE|ASPNETMVC|FileFormats/i;
15
15
  this.errors = {
16
16
  noLicense: 'This application was built using a trial version of Syncfusion Essential Studio.' +
@@ -96,7 +96,7 @@ var LicenseValidator = /** @class */ (function () {
96
96
  if (validateMsg && typeof document !== 'undefined' && !isNullOrUndefined(document)) {
97
97
  var errorDiv = createElement('div', {
98
98
  innerHTML: validateMsg +
99
- '<span id="license-banner-error" class=".e-license-banner">' +
99
+ '<span id="license-banner-event" class="e-license-banner" >' +
100
100
  '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20">' +
101
101
  '<line x1="5" y1="5" x2="15" y2="15" stroke="yellow" stroke-width="2.5" ' +
102
102
  'stroke-miterlimit="10" stroke-linecap="round"></line><line x1="15" y1="5" ' +
@@ -108,7 +108,7 @@ var LicenseValidator = /** @class */ (function () {
108
108
  });
109
109
  errorDiv.setAttribute('id', 'js-licensing');
110
110
  document.body.appendChild(errorDiv);
111
- document.getElementById('license-banner-error').addEventListener('click', function () {
111
+ document.getElementById('license-banner-event').addEventListener('click', function () {
112
112
  document.getElementById('js-licensing').remove();
113
113
  });
114
114
  }
package/styles/_all.scss CHANGED
@@ -1,3 +1,2 @@
1
- @import 'common/all.scss';
1
+ @import 'common/all.scss';
2
2
  @import 'animation/all.scss';
3
-
@@ -1,7 +1,6 @@
1
1
  @import 'common/mixin.scss';
2
2
  @import 'definition/bootstrap4.scss';
3
3
 
4
-
5
4
  $font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif, '-apple-system', 'BlinkMacSystemFont' !default;
6
5
  $font-size: 12px !default;
7
6
  $font-weight: normal !default;
@@ -1,7 +1,6 @@
1
1
  @import 'common/mixin.scss';
2
2
  @import 'definition/highcontrast-light.scss';
3
3
 
4
-
5
4
  $font-family: 'Segoe UI', 'GeezaPro', 'DejaVu Serif', sans-serif, '-apple-system', 'BlinkMacSystemFont' !default;
6
5
  $font-size: 12px !default;
7
6
  $font-weight: normal !default;
@@ -3,7 +3,7 @@
3
3
 
4
4
  @if not variable-exists('is-roboto-loaded') {
5
5
  //sass-lint:disable no-url-protocols,no-url-domains
6
- @import url('https://fonts.googleapis.com/css?family=Roboto:400,500');
6
+ @import url('https://fonts.googleapis.com/css?family=Roboto:400,500');// stylelint-disable-line no-invalid-position-at-import-rule
7
7
  }
8
8
 
9
9
  $is-roboto-loaded: 'true' !default;
@@ -3,7 +3,7 @@
3
3
 
4
4
  @if not variable-exists('is-roboto-loaded') {
5
5
  //sass-lint:disable no-url-protocols,no-url-domains
6
- @import url('https://fonts.googleapis.com/css?family=Roboto:400,500');
6
+ @import url('https://fonts.googleapis.com/css?family=Roboto:400,500');// stylelint-disable-line no-invalid-position-at-import-rule
7
7
  }
8
8
 
9
9
  $is-roboto-loaded: 'true' !default;
@@ -3,7 +3,7 @@
3
3
 
4
4
  @if not variable-exists('is-inter-loaded') {
5
5
  //sass-lint:disable no-url-protocols,no-url-domains
6
- @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
6
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');// stylelint-disable-line no-invalid-position-at-import-rule
7
7
  }
8
8
 
9
9
  $font-family: 'Inter' !default;
@@ -3,7 +3,7 @@
3
3
 
4
4
  @if not variable-exists('is-inter-loaded') {
5
5
  //sass-lint:disable no-url-protocols,no-url-domains
6
- @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
6
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');// stylelint-disable-line no-invalid-position-at-import-rule
7
7
  }
8
8
 
9
9
  $font-family: 'Inter' !default;
@@ -1,4 +1,5 @@
1
- @include export-module('base-animation') {
1
+ @include export-module('base-animation') {
2
+
2
3
  /*! animation keyframes */
3
4
  @keyframes SlideLeftOut {
4
5
  from {
@@ -132,20 +133,20 @@
132
133
  }
133
134
  @keyframes ZoomIn {
134
135
  from {
135
- transform: translate(0, 0)scale(0);
136
+ transform: translate(0, 0) scale(0);
136
137
  }
137
138
 
138
139
  to {
139
- transform: translate(0, 0)scale(1);
140
+ transform: translate(0, 0) scale(1);
140
141
  }
141
142
  }
142
143
  @keyframes ZoomOut {
143
144
  from {
144
- transform: translate(0, 0)scale(1);
145
+ transform: translate(0, 0) scale(1);
145
146
  }
146
147
 
147
148
  to {
148
- transform: translate(0, 0)scale(0);
149
+ transform: translate(0, 0) scale(0);
149
150
  }
150
151
  }
151
152
  @keyframes FadeZoomIn {
@@ -176,7 +177,7 @@
176
177
  }
177
178
  @keyframes FlipRightDownIn {
178
179
  from {
179
- transform: perspective(400px)rotateY(-180deg);
180
+ transform: perspective(400px) rotateY(-180deg);
180
181
  transform-origin: right center;
181
182
  transform-style: preserve-3d;
182
183
  }
@@ -189,7 +190,7 @@
189
190
  }
190
191
  @keyframes FlipRightDownOut {
191
192
  from {
192
- transform: perspective(400px)rotateY(0deg);
193
+ transform: perspective(400px) rotateY(0deg);
193
194
  transform-origin: right center;
194
195
  transform-style: preserve-3d;
195
196
  }
@@ -202,7 +203,7 @@
202
203
  }
203
204
  @keyframes FlipRightUpIn {
204
205
  from {
205
- transform: perspective(400px)rotateY(135deg);
206
+ transform: perspective(400px) rotateY(135deg);
206
207
  transform-origin: right center;
207
208
  transform-style: preserve-3d;
208
209
  }
@@ -215,7 +216,7 @@
215
216
  }
216
217
  @keyframes FlipRightUpOut {
217
218
  from {
218
- transform: perspective(400px)rotateY(0deg);
219
+ transform: perspective(400px) rotateY(0deg);
219
220
  transform-origin: right center;
220
221
  transform-style: preserve-3d;
221
222
  }
@@ -228,7 +229,7 @@
228
229
  }
229
230
  @keyframes FlipLeftDownIn {
230
231
  from {
231
- transform: perspective(400px)rotateY(-180deg);
232
+ transform: perspective(400px) rotateY(-180deg);
232
233
  transform-origin: left center;
233
234
  transform-style: preserve-3d;
234
235
  }
@@ -241,7 +242,7 @@
241
242
  }
242
243
  @keyframes FlipLeftDownOut {
243
244
  from {
244
- transform: perspective(400px)rotateY(0deg);
245
+ transform: perspective(400px) rotateY(0deg);
245
246
  transform-origin: left center;
246
247
  transform-style: preserve-3d;
247
248
  }
@@ -254,7 +255,7 @@
254
255
  }
255
256
  @keyframes FlipLeftUpIn {
256
257
  from {
257
- transform: perspective(400px)rotateY(-135deg);
258
+ transform: perspective(400px) rotateY(-135deg);
258
259
  transform-origin: left center;
259
260
  transform-style: preserve-3d;
260
261
  }
@@ -282,13 +283,13 @@
282
283
  from {
283
284
  filter: alpha(opacity=0);
284
285
  opacity: 0;
285
- transform: perspective(400px)rotateY(180deg);
286
+ transform: perspective(400px) rotateY(180deg);
286
287
  transform-origin: center center;
287
288
  transform-style: preserve-3d;
288
289
  }
289
290
 
290
291
  50% {
291
- transform: perspective(700px)rotateY(90deg);
292
+ transform: perspective(700px) rotateY(90deg);
292
293
  }
293
294
 
294
295
  to {
@@ -303,17 +304,17 @@
303
304
  from {
304
305
  filter: alpha(opacity=100);
305
306
  opacity: 1;
306
- transform: perspective(400px)rotateY(0deg);
307
+ transform: perspective(400px) rotateY(0deg);
307
308
  transform-origin: center center;
308
309
  transform-style: preserve-3d;
309
310
  }
310
311
 
311
312
  50% {
312
- transform: perspective(700px)rotateY(90deg);
313
+ transform: perspective(700px) rotateY(90deg);
313
314
  }
314
315
 
315
316
  75% {
316
- transform: perspective(850px)rotateY(125deg);
317
+ transform: perspective(850px) rotateY(125deg);
317
318
  }
318
319
 
319
320
  to {
@@ -328,13 +329,13 @@
328
329
  from {
329
330
  filter: alpha(opacity=0);
330
331
  opacity: 0;
331
- transform: perspective(400px)rotateY(-180deg);
332
+ transform: perspective(400px) rotateY(-180deg);
332
333
  transform-origin: center center;
333
334
  transform-style: preserve-3d;
334
335
  }
335
336
 
336
337
  50% {
337
- transform: perspective(700px)rotateY(-90deg);
338
+ transform: perspective(700px) rotateY(-90deg);
338
339
  }
339
340
 
340
341
  to {
@@ -349,13 +350,13 @@
349
350
  from {
350
351
  filter: alpha(opacity=100);
351
352
  opacity: 1;
352
- transform: perspective(400px)rotateY(0deg);
353
+ transform: perspective(400px) rotateY(0deg);
353
354
  transform-origin: center center;
354
355
  transform-style: preserve-3d;
355
356
  }
356
357
 
357
358
  50% {
358
- transform: perspective(700px)rotateY(-90deg);
359
+ transform: perspective(700px) rotateY(-90deg);
359
360
  }
360
361
 
361
362
  to {
@@ -370,13 +371,13 @@
370
371
  from {
371
372
  filter: alpha(opacity=0);
372
373
  opacity: 0;
373
- transform: perspective(400px)rotateX(180deg);
374
+ transform: perspective(400px) rotateX(180deg);
374
375
  transform-origin: center center;
375
376
  transform-style: preserve-3d;
376
377
  }
377
378
 
378
379
  50% {
379
- transform: perspective(700px)rotateX(90deg);
380
+ transform: perspective(700px) rotateX(90deg);
380
381
  }
381
382
 
382
383
  to {
@@ -391,17 +392,17 @@
391
392
  from {
392
393
  filter: alpha(opacity=100);
393
394
  opacity: 1;
394
- transform: perspective(400px)rotateX(0deg);
395
+ transform: perspective(400px) rotateX(0deg);
395
396
  transform-origin: center center;
396
397
  transform-style: preserve-3d;
397
398
  }
398
399
 
399
400
  50% {
400
- transform: perspective(700px)rotateX(90deg);
401
+ transform: perspective(700px) rotateX(90deg);
401
402
  }
402
403
 
403
404
  75% {
404
- transform: perspective(850px)rotateX(125deg);
405
+ transform: perspective(850px) rotateX(125deg);
405
406
  }
406
407
 
407
408
  to {
@@ -416,13 +417,13 @@
416
417
  from {
417
418
  filter: alpha(opacity=0);
418
419
  opacity: 0;
419
- transform: perspective(400px)rotateX(-180deg);
420
+ transform: perspective(400px) rotateX(-180deg);
420
421
  transform-origin: center center;
421
422
  transform-style: preserve-3d;
422
423
  }
423
424
 
424
425
  50% {
425
- transform: perspective(700px)rotateX(-90deg);
426
+ transform: perspective(700px) rotateX(-90deg);
426
427
  }
427
428
 
428
429
  to {
@@ -437,13 +438,13 @@
437
438
  from {
438
439
  filter: alpha(opacity=100);
439
440
  opacity: 1;
440
- transform: perspective(400px)rotateX(0deg);
441
+ transform: perspective(400px) rotateX(0deg);
441
442
  transform-origin: center center;
442
443
  transform-style: preserve-3d;
443
444
  }
444
445
 
445
446
  50% {
446
- transform: perspective(700px)rotateX(-90deg);
447
+ transform: perspective(700px) rotateX(-90deg);
447
448
  }
448
449
 
449
450
  to {