@medyll/cssfabric 0.0.12 → 0.0.14

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 (44) hide show
  1. package/.idea/cssfabric.iml +1 -4
  2. package/lib/scripts/index.d.ts +2 -0
  3. package/lib/scripts/index.js +6 -0
  4. package/lib/styles/core/animation/animation.css +215 -0
  5. package/lib/styles/core/animation/animation.min.css +1 -0
  6. package/lib/styles/core/overflow/overflow.css +83 -59
  7. package/lib/styles/core/overflow/overflow.min.css +1 -1
  8. package/lib/styles/core/overflow/overflow.responsive.css +486 -366
  9. package/lib/styles/core/table/table.css +70 -71
  10. package/lib/styles/core/vars.css +11 -11
  11. package/lib/styles/core/vars.min.css +1 -1
  12. package/lib/styles/core/zindex/zindex.css +348 -278
  13. package/lib/styles/cssfabric.css +20 -20
  14. package/lib/styles/cssfabric.min.css +1 -1
  15. package/package.json +3 -3
  16. package/src/_generated/export.variables.json +3 -3
  17. package/src/_generated/readme.md +0 -0
  18. package/src/cssfabric/_utils.scss +3 -15
  19. package/src/cssfabric/modules/_cssfabric-config.scss +9 -7
  20. package/src/cssfabric/modules/base/_base-vars.scss +4 -2
  21. package/src/cssfabric/modules/box/box-responsive.scss +1 -1
  22. package/src/cssfabric/modules/color/color-responsive.scss +1 -1
  23. package/src/cssfabric/modules/color/color.scss +8 -2
  24. package/src/cssfabric/modules/grid/grid-responsive.scss +1 -1
  25. package/src/cssfabric/modules/grid/grid.scss +4 -1
  26. package/src/cssfabric/modules/menu/menu-responsive.scss +1 -1
  27. package/src/cssfabric/modules/menu/menu.scss +5 -2
  28. package/src/cssfabric/modules/overflow/overflow-responsive.scss +1 -1
  29. package/src/cssfabric/modules/overflow/overflow.scss +2 -0
  30. package/src/cssfabric/modules/scale/scale-responsive.scss +1 -1
  31. package/src/cssfabric/modules/scale/scale.scss +5 -0
  32. package/src/cssfabric/modules/table/table-responsive.scss +1 -1
  33. package/src/cssfabric/modules/table/table.scss +7 -2
  34. package/src/cssfabric/modules/text/text-responsive.scss +1 -1
  35. package/src/cssfabric/modules/text/text.scss +3 -2
  36. package/src/cssfabric/modules/theme/_theme-build.scss +4 -7
  37. package/src/cssfabric/modules/theme/_theme-vars.scss +11 -3
  38. package/src/cssfabric/modules/theme/theme.scss +2 -1
  39. package/src/cssfabric/modules/vars.scss +1 -2
  40. package/src/cssfabric/modules/zindex/zindex.scss +1 -0
  41. package/src/scripts/index.d.ts +2 -0
  42. package/src/scripts/index.ts +8 -0
  43. package/.idea/codeStyles/codeStyleConfig.xml +0 -5
  44. package/src/cssfabric/modules/animation/_animation-build.scss +0 -121
package/.idea/cssfabric.iml CHANGED
@@ -1,10 +1,7 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
2
  <module type="WEB_MODULE" version="4">
3
3
  <component name="NewModuleRootManager">
4
- <content url="file://$MODULE_DIR$">
5
- <sourceFolder url="file://$MODULE_DIR$/src" isTestSource="false" />
6
- <excludeFolder url="file://$MODULE_DIR$/.history" />
7
- </content>
4
+ <content url="file://$MODULE_DIR$" />
8
5
  <orderEntry type="inheritedJdk" />
9
6
  <orderEntry type="sourceFolder" forTests="false" />
10
7
  </component>
package/lib/scripts/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare function buildReadme(vars: string): string;
2
+ export default buildReadme;
package/lib/scripts/index.js ADDED
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ function buildReadme(vars) {
4
+ return "readme";
5
+ }
6
+ exports.default = buildReadme;
package/lib/styles/core/animation/animation.css CHANGED
@@ -0,0 +1,215 @@
1
+ @keyframes animate-backIn-up {
2
+ 0% {
3
+ transform: scale(1);
4
+ opacity: 1;
5
+ }
6
+ 30% {
7
+ transform: translateY(-10px) scale(0.7);
8
+ opacity: 0.7;
9
+ }
10
+ 100% {
11
+ transform: translateY(-10px) scale(0.7);
12
+ opacity: 0.5;
13
+ }
14
+ }
15
+ .animate-backIn-up {
16
+ animation-name: translateY(-10px);
17
+ }
18
+
19
+ @keyframes animate-backIn-up-right {
20
+ 0% {
21
+ transform: scale(1);
22
+ opacity: 1;
23
+ }
24
+ 30% {
25
+ transform: translateY(-10px) translateX(+10px) scale(0.7);
26
+ opacity: 0.7;
27
+ }
28
+ 100% {
29
+ transform: translateY(-10px) translateX(+10px) scale(0.7);
30
+ opacity: 0.5;
31
+ }
32
+ }
33
+ .animate-backIn-up-right {
34
+ animation-name: translateY(-10px) translateX(+10px);
35
+ }
36
+
37
+ @keyframes animate-backIn-up-left {
38
+ 0% {
39
+ transform: scale(1);
40
+ opacity: 1;
41
+ }
42
+ 30% {
43
+ transform: translateY(-10px) translateX(-10px) scale(0.7);
44
+ opacity: 0.7;
45
+ }
46
+ 100% {
47
+ transform: translateY(-10px) translateX(-10px) scale(0.7);
48
+ opacity: 0.5;
49
+ }
50
+ }
51
+ .animate-backIn-up-left {
52
+ animation-name: translateY(-10px) translateX(-10px);
53
+ }
54
+
55
+ @keyframes animate-backIn-right {
56
+ 0% {
57
+ transform: scale(1);
58
+ opacity: 1;
59
+ }
60
+ 30% {
61
+ transform: translateX(+10px) scale(0.7);
62
+ opacity: 0.7;
63
+ }
64
+ 100% {
65
+ transform: translateX(+10px) scale(0.7);
66
+ opacity: 0.5;
67
+ }
68
+ }
69
+ .animate-backIn-right {
70
+ animation-name: translateX(+10px);
71
+ }
72
+
73
+ @keyframes animate-backIn-right-bottom {
74
+ 0% {
75
+ transform: scale(1);
76
+ opacity: 1;
77
+ }
78
+ 30% {
79
+ transform: translateX(+10px) translateY(+10px) scale(0.7);
80
+ opacity: 0.7;
81
+ }
82
+ 100% {
83
+ transform: translateX(+10px) translateY(+10px) scale(0.7);
84
+ opacity: 0.5;
85
+ }
86
+ }
87
+ .animate-backIn-right-bottom {
88
+ animation-name: translateX(+10px) translateY(+10px);
89
+ }
90
+
91
+ @keyframes animate-backIn-bottom {
92
+ 0% {
93
+ transform: scale(1);
94
+ opacity: 1;
95
+ }
96
+ 30% {
97
+ transform: translateY(+10px) scale(0.7);
98
+ opacity: 0.7;
99
+ }
100
+ 100% {
101
+ transform: translateY(+10px) scale(0.7);
102
+ opacity: 0.5;
103
+ }
104
+ }
105
+ .animate-backIn-bottom {
106
+ animation-name: translateY(+10px);
107
+ }
108
+
109
+ @keyframes animate-backIn-bottom-left {
110
+ 0% {
111
+ transform: scale(1);
112
+ opacity: 1;
113
+ }
114
+ 30% {
115
+ transform: translateY(+10px) translateX(-10px) scale(0.7);
116
+ opacity: 0.7;
117
+ }
118
+ 100% {
119
+ transform: translateY(+10px) translateX(-10px) scale(0.7);
120
+ opacity: 0.5;
121
+ }
122
+ }
123
+ .animate-backIn-bottom-left {
124
+ animation-name: translateY(+10px) translateX(-10px);
125
+ }
126
+
127
+ @keyframes animate-backIn-left {
128
+ 0% {
129
+ transform: scale(1);
130
+ opacity: 1;
131
+ }
132
+ 30% {
133
+ transform: translateX(-10px) scale(0.7);
134
+ opacity: 0.7;
135
+ }
136
+ 100% {
137
+ transform: translateX(-10px) scale(0.7);
138
+ opacity: 0.5;
139
+ }
140
+ }
141
+ .animate-backIn-left {
142
+ animation-name: translateX(-10px);
143
+ }
144
+
145
+ @keyframes animate-backOut-up {
146
+ 0% {
147
+ transform: scale(1);
148
+ opacity: 1;
149
+ }
150
+ 30% {
151
+ transform: translateY(-10px) scale(0.7);
152
+ opacity: 0.7;
153
+ }
154
+ 100% {
155
+ transform: translateY(-10px) scale(0.7);
156
+ opacity: 0.5;
157
+ }
158
+ }
159
+ .animate-backOut-up {
160
+ animation-name: translateY(-10px);
161
+ }
162
+
163
+ @keyframes animate-backOut-right {
164
+ 0% {
165
+ transform: scale(1);
166
+ opacity: 1;
167
+ }
168
+ 30% {
169
+ transform: translateX(+10px) scale(0.7);
170
+ opacity: 0.7;
171
+ }
172
+ 100% {
173
+ transform: translateX(+10px) scale(0.7);
174
+ opacity: 0.5;
175
+ }
176
+ }
177
+ .animate-backOut-right {
178
+ animation-name: translateX(+10px);
179
+ }
180
+
181
+ @keyframes animate-backOut-bottom {
182
+ 0% {
183
+ transform: scale(1);
184
+ opacity: 1;
185
+ }
186
+ 30% {
187
+ transform: translateY(+10px) scale(0.7);
188
+ opacity: 0.7;
189
+ }
190
+ 100% {
191
+ transform: translateY(+10px) scale(0.7);
192
+ opacity: 0.5;
193
+ }
194
+ }
195
+ .animate-backOut-bottom {
196
+ animation-name: translateY(+10px);
197
+ }
198
+
199
+ @keyframes animate-backOut-left {
200
+ 0% {
201
+ transform: scale(1);
202
+ opacity: 1;
203
+ }
204
+ 30% {
205
+ transform: translateX(-10px) scale(0.7);
206
+ opacity: 0.7;
207
+ }
208
+ 100% {
209
+ transform: translateX(-10px) scale(0.7);
210
+ opacity: 0.5;
211
+ }
212
+ }
213
+ .animate-backOut-left {
214
+ animation-name: translateX(-10px);
215
+ }
package/lib/styles/core/animation/animation.min.css CHANGED
@@ -0,0 +1 @@
1
+ @keyframes animate-backIn-up{0%{transform:scale(1);opacity:1}30%{transform:translateY(-10px) scale(.7);opacity:.7}100%{transform:translateY(-10px) scale(.7);opacity:.5}}.animate-backIn-up{animation-name:translateY(-10px)}@keyframes animate-backIn-up-right{0%{transform:scale(1);opacity:1}30%{transform:translateY(-10px) translateX(+10px) scale(.7);opacity:.7}100%{transform:translateY(-10px) translateX(+10px) scale(.7);opacity:.5}}.animate-backIn-up-right{animation-name:translateY(-10px) translateX(+10px)}@keyframes animate-backIn-up-left{0%{transform:scale(1);opacity:1}30%{transform:translateY(-10px) translateX(-10px) scale(.7);opacity:.7}100%{transform:translateY(-10px) translateX(-10px) scale(.7);opacity:.5}}.animate-backIn-up-left{animation-name:translateY(-10px) translateX(-10px)}@keyframes animate-backIn-right{0%{transform:scale(1);opacity:1}30%{transform:translateX(+10px) scale(.7);opacity:.7}100%{transform:translateX(+10px) scale(.7);opacity:.5}}.animate-backIn-right{animation-name:translateX(+10px)}@keyframes animate-backIn-right-bottom{0%{transform:scale(1);opacity:1}30%{transform:translateX(+10px) translateY(+10px) scale(.7);opacity:.7}100%{transform:translateX(+10px) translateY(+10px) scale(.7);opacity:.5}}.animate-backIn-right-bottom{animation-name:translateX(+10px) translateY(+10px)}@keyframes animate-backIn-bottom{0%{transform:scale(1);opacity:1}30%{transform:translateY(+10px) scale(.7);opacity:.7}100%{transform:translateY(+10px) scale(.7);opacity:.5}}.animate-backIn-bottom{animation-name:translateY(+10px)}@keyframes animate-backIn-bottom-left{0%{transform:scale(1);opacity:1}30%{transform:translateY(+10px) translateX(-10px) scale(.7);opacity:.7}100%{transform:translateY(+10px) translateX(-10px) scale(.7);opacity:.5}}.animate-backIn-bottom-left{animation-name:translateY(+10px) translateX(-10px)}@keyframes animate-backIn-left{0%{transform:scale(1);opacity:1}30%{transform:translateX(-10px) scale(.7);opacity:.7}100%{transform:translateX(-10px) scale(.7);opacity:.5}}.animate-backIn-left{animation-name:translateX(-10px)}@keyframes animate-backOut-up{0%{transform:scale(1);opacity:1}30%{transform:translateY(-10px) scale(.7);opacity:.7}100%{transform:translateY(-10px) scale(.7);opacity:.5}}.animate-backOut-up{animation-name:translateY(-10px)}@keyframes animate-backOut-right{0%{transform:scale(1);opacity:1}30%{transform:translateX(+10px) scale(.7);opacity:.7}100%{transform:translateX(+10px) scale(.7);opacity:.5}}.animate-backOut-right{animation-name:translateX(+10px)}@keyframes animate-backOut-bottom{0%{transform:scale(1);opacity:1}30%{transform:translateY(+10px) scale(.7);opacity:.7}100%{transform:translateY(+10px) scale(.7);opacity:.5}}.animate-backOut-bottom{animation-name:translateY(+10px)}@keyframes animate-backOut-left{0%{transform:scale(1);opacity:1}30%{transform:translateX(-10px) scale(.7);opacity:.7}100%{transform:translateX(-10px) scale(.7);opacity:.5}}.animate-backOut-left{animation-name:translateX(-10px)}
package/lib/styles/core/overflow/overflow.css CHANGED
@@ -1,60 +1,84 @@
1
- /* css overflow rules */
2
- .overflow-visible {
3
- overflow: visible;
4
- }
5
-
6
- .overflow-hidden {
7
- overflow: hidden;
8
- }
9
-
10
- .overflow-clip {
11
- overflow: clip;
12
- }
13
-
14
- .overflow-scroll {
15
- overflow: scroll;
16
- }
17
-
18
- .overflow-auto {
19
- overflow: auto;
20
- }
21
-
22
- .overflow-x-visible {
23
- overflow: visible;
24
- }
25
-
26
- .overflow-x-hidden {
27
- overflow: hidden;
28
- }
29
-
30
- .overflow-x-clip {
31
- overflow: clip;
32
- }
33
-
34
- .overflow-x-scroll {
35
- overflow: scroll;
36
- }
37
-
38
- .overflow-x-auto {
39
- overflow: auto;
40
- }
41
-
42
- .overflow-y-visible {
43
- overflow: visible;
44
- }
45
-
46
- .overflow-y-hidden {
47
- overflow: hidden;
48
- }
49
-
50
- .overflow-y-clip {
51
- overflow: clip;
52
- }
53
-
54
- .overflow-y-scroll {
55
- overflow: scroll;
56
- }
57
-
58
- .overflow-y-auto {
59
- overflow: auto;
1
+ /* css overflow rules */
2
+ .overflow-visible {
3
+ overflow: visible;
4
+ }
5
+
6
+ .overflow-hidden {
7
+ overflow: hidden;
8
+ }
9
+
10
+ .overflow-clip {
11
+ overflow: clip;
12
+ }
13
+
14
+ .overflow-scroll {
15
+ overflow: scroll;
16
+ }
17
+
18
+ .overflow-auto {
19
+ overflow: auto;
20
+ }
21
+
22
+ .overflow-initial {
23
+ overflow: initial;
24
+ }
25
+
26
+ .overflow-unset {
27
+ overflow: unset;
28
+ }
29
+
30
+ .overflow-x-visible {
31
+ overflow: visible;
32
+ }
33
+
34
+ .overflow-x-hidden {
35
+ overflow: hidden;
36
+ }
37
+
38
+ .overflow-x-clip {
39
+ overflow: clip;
40
+ }
41
+
42
+ .overflow-x-scroll {
43
+ overflow: scroll;
44
+ }
45
+
46
+ .overflow-x-auto {
47
+ overflow: auto;
48
+ }
49
+
50
+ .overflow-x-initial {
51
+ overflow: initial;
52
+ }
53
+
54
+ .overflow-x-unset {
55
+ overflow: unset;
56
+ }
57
+
58
+ .overflow-y-visible {
59
+ overflow: visible;
60
+ }
61
+
62
+ .overflow-y-hidden {
63
+ overflow: hidden;
64
+ }
65
+
66
+ .overflow-y-clip {
67
+ overflow: clip;
68
+ }
69
+
70
+ .overflow-y-scroll {
71
+ overflow: scroll;
72
+ }
73
+
74
+ .overflow-y-auto {
75
+ overflow: auto;
76
+ }
77
+
78
+ .overflow-y-initial {
79
+ overflow: initial;
80
+ }
81
+
82
+ .overflow-y-unset {
83
+ overflow: unset;
60
84
  }
package/lib/styles/core/overflow/overflow.min.css CHANGED
@@ -1 +1 @@
1
- .overflow-visible{overflow:visible}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}.overflow-x-visible{overflow:visible}.overflow-x-hidden{overflow:hidden}.overflow-x-clip{overflow:clip}.overflow-x-scroll{overflow:scroll}.overflow-x-auto{overflow:auto}.overflow-y-visible{overflow:visible}.overflow-y-hidden{overflow:hidden}.overflow-y-clip{overflow:clip}.overflow-y-scroll{overflow:scroll}.overflow-y-auto{overflow:auto}
1
+ .overflow-visible{overflow:visible}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}.overflow-initial{overflow:initial}.overflow-unset{overflow:unset}.overflow-x-visible{overflow:visible}.overflow-x-hidden{overflow:hidden}.overflow-x-clip{overflow:clip}.overflow-x-scroll{overflow:scroll}.overflow-x-auto{overflow:auto}.overflow-x-initial{overflow:initial}.overflow-x-unset{overflow:unset}.overflow-y-visible{overflow:visible}.overflow-y-hidden{overflow:hidden}.overflow-y-clip{overflow:clip}.overflow-y-scroll{overflow:scroll}.overflow-y-auto{overflow:auto}.overflow-y-initial{overflow:initial}.overflow-y-unset{overflow:unset}