@medyll/cssfabric 0.0.10

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 (165) hide show
  1. package/.idea/codeStyles/codeStyleConfig.xml +5 -0
  2. package/.idea/cssfabric.iml +11 -0
  3. package/.idea/misc.xml +9 -0
  4. package/.idea/modules.xml +8 -0
  5. package/.idea/vcs.xml +6 -0
  6. package/.vscode/settings.json +24 -0
  7. package/README.md +240 -0
  8. package/cssfabric.config.js +3 -0
  9. package/cssfabric.json +8 -0
  10. package/gulpfile.js +610 -0
  11. package/lib/_generated/export.variables.json +583 -0
  12. package/lib/index.d.ts +2 -0
  13. package/lib/index.js +7 -0
  14. package/lib/scripts/cssfabric.d.ts +24 -0
  15. package/lib/scripts/cssfabric.js +48 -0
  16. package/lib/scripts/cssfabricClassNames.d.ts +14 -0
  17. package/lib/scripts/cssfabricClassNames.js +150 -0
  18. package/lib/scripts/utils.d.ts +5 -0
  19. package/lib/scripts/utils.js +40 -0
  20. package/lib/styles/core/animation/animation.css +0 -0
  21. package/lib/styles/core/animation/animation.min.css +0 -0
  22. package/lib/styles/core/base/base.css +222 -0
  23. package/lib/styles/core/base/base.min.css +1 -0
  24. package/lib/styles/core/box/box.css +2263 -0
  25. package/lib/styles/core/box/box.min.css +1 -0
  26. package/lib/styles/core/box/box.responsive.css +13590 -0
  27. package/lib/styles/core/box/box.responsive.min.css +1 -0
  28. package/lib/styles/core/color/color.css +923 -0
  29. package/lib/styles/core/color/color.min.css +1 -0
  30. package/lib/styles/core/color/color.responsive.css +5550 -0
  31. package/lib/styles/core/color/color.responsive.min.css +1 -0
  32. package/lib/styles/core/flex/flex.css +140 -0
  33. package/lib/styles/core/flex/flex.min.css +1 -0
  34. package/lib/styles/core/flex/flex.responsive.css +852 -0
  35. package/lib/styles/core/flex/flex.responsive.min.css +1 -0
  36. package/lib/styles/core/grid/grid.css +50 -0
  37. package/lib/styles/core/grid/grid.min.css +1 -0
  38. package/lib/styles/core/grid/grid.responsive.css +312 -0
  39. package/lib/styles/core/grid/grid.responsive.min.css +1 -0
  40. package/lib/styles/core/main.css +2263 -0
  41. package/lib/styles/core/main.min.css +1 -0
  42. package/lib/styles/core/menu/menu.css +97 -0
  43. package/lib/styles/core/menu/menu.min.css +1 -0
  44. package/lib/styles/core/menu/menu.responsive.css +504 -0
  45. package/lib/styles/core/menu/menu.responsive.min.css +1 -0
  46. package/lib/styles/core/overflow/overflow.css +60 -0
  47. package/lib/styles/core/overflow/overflow.min.css +1 -0
  48. package/lib/styles/core/overflow/overflow.responsive.css +367 -0
  49. package/lib/styles/core/overflow/overflow.responsive.min.css +1 -0
  50. package/lib/styles/core/scale/scale.css +639 -0
  51. package/lib/styles/core/scale/scale.min.css +1 -0
  52. package/lib/styles/core/scale/scale.responsive.css +3846 -0
  53. package/lib/styles/core/scale/scale.responsive.min.css +1 -0
  54. package/lib/styles/core/table/table.css +72 -0
  55. package/lib/styles/core/table/table.min.css +1 -0
  56. package/lib/styles/core/table/table.responsive.css +444 -0
  57. package/lib/styles/core/table/table.responsive.min.css +1 -0
  58. package/lib/styles/core/text/text.css +147 -0
  59. package/lib/styles/core/text/text.min.css +1 -0
  60. package/lib/styles/core/text/text.responsive.css +894 -0
  61. package/lib/styles/core/text/text.responsive.min.css +1 -0
  62. package/lib/styles/core/theme/theme.css +197 -0
  63. package/lib/styles/core/theme/theme.min.css +1 -0
  64. package/lib/styles/core/vars.css +278 -0
  65. package/lib/styles/core/vars.min.css +1 -0
  66. package/lib/styles/core/zindex/zindex.css +279 -0
  67. package/lib/styles/core/zindex/zindex.min.css +1 -0
  68. package/lib/styles/cssfabric.css +7631 -0
  69. package/lib/styles/cssfabric.min.css +15 -0
  70. package/lib/styles/cssfabric.responsive.css +26359 -0
  71. package/lib/styles/cssfabric.responsive.min.css +9 -0
  72. package/package.json +67 -0
  73. package/src/_generated/export.variables.json +756 -0
  74. package/src/_generated/export.variables.md +240 -0
  75. package/src/_generated/index.d.ts +3 -0
  76. package/src/cssfabric/_utils.scss +205 -0
  77. package/src/cssfabric/index.d.ts +3 -0
  78. package/src/cssfabric/modules/_cssfabric-config.scss +89 -0
  79. package/src/cssfabric/modules/_mixins.scss +1 -0
  80. package/src/cssfabric/modules/animation/_animation-build.scss +121 -0
  81. package/src/cssfabric/modules/animation/_animation-vars.scss +17 -0
  82. package/src/cssfabric/modules/animation/animation.scss +3 -0
  83. package/src/cssfabric/modules/base/_base-vars.scss +17 -0
  84. package/src/cssfabric/modules/base/base.scss +80 -0
  85. package/src/cssfabric/modules/box/_box-build.scss +215 -0
  86. package/src/cssfabric/modules/box/_box-vars.scss +119 -0
  87. package/src/cssfabric/modules/box/box-responsive.scss +18 -0
  88. package/src/cssfabric/modules/box/box.scss +3 -0
  89. package/src/cssfabric/modules/color/_color-build.scss +108 -0
  90. package/src/cssfabric/modules/color/_color-vars.scss +80 -0
  91. package/src/cssfabric/modules/color/color-responsive.scss +23 -0
  92. package/src/cssfabric/modules/color/color.scss +3 -0
  93. package/src/cssfabric/modules/css-fabric.scss +2 -0
  94. package/src/cssfabric/modules/flex/_flex-build.scss +169 -0
  95. package/src/cssfabric/modules/flex/_flex-vars.scss +87 -0
  96. package/src/cssfabric/modules/flex/flex-responsive.scss +25 -0
  97. package/src/cssfabric/modules/flex/flex.scss +3 -0
  98. package/src/cssfabric/modules/grid/_grid-build.scss +91 -0
  99. package/src/cssfabric/modules/grid/_grid-vars.scss +87 -0
  100. package/src/cssfabric/modules/grid/grid-responsive.scss +25 -0
  101. package/src/cssfabric/modules/grid/grid.scss +3 -0
  102. package/src/cssfabric/modules/main.scss +3 -0
  103. package/src/cssfabric/modules/menu/_menu-build.scss +119 -0
  104. package/src/cssfabric/modules/menu/_menu-vars.scss +29 -0
  105. package/src/cssfabric/modules/menu/menu-responsive.scss +19 -0
  106. package/src/cssfabric/modules/menu/menu.scss +3 -0
  107. package/src/cssfabric/modules/overflow/_overflow-build.scss +22 -0
  108. package/src/cssfabric/modules/overflow/_overflow-vars.scss +31 -0
  109. package/src/cssfabric/modules/overflow/overflow-responsive.scss +25 -0
  110. package/src/cssfabric/modules/overflow/overflow.scss +5 -0
  111. package/src/cssfabric/modules/scale/_scale-build.scss +129 -0
  112. package/src/cssfabric/modules/scale/_scale-vars.scss +75 -0
  113. package/src/cssfabric/modules/scale/scale-responsive.scss +23 -0
  114. package/src/cssfabric/modules/scale/scale.scss +3 -0
  115. package/src/cssfabric/modules/table/_table-build.scss +134 -0
  116. package/src/cssfabric/modules/table/_table-vars.scss +30 -0
  117. package/src/cssfabric/modules/table/table-responsive.scss +24 -0
  118. package/src/cssfabric/modules/table/table.scss +3 -0
  119. package/src/cssfabric/modules/text/_text-build.scss +109 -0
  120. package/src/cssfabric/modules/text/_text-vars.scss +87 -0
  121. package/src/cssfabric/modules/text/text-responsive.scss +25 -0
  122. package/src/cssfabric/modules/text/text.scss +5 -0
  123. package/src/cssfabric/modules/theme/_theme-build.scss +77 -0
  124. package/src/cssfabric/modules/theme/_theme-vars.scss +47 -0
  125. package/src/cssfabric/modules/theme/theme.scss +5 -0
  126. package/src/cssfabric/modules/vars.scss +120 -0
  127. package/src/cssfabric/modules/zindex/_zindex-vars.scss +19 -0
  128. package/src/cssfabric/modules/zindex/zindex.scss +18 -0
  129. package/src/index.d.ts +3 -0
  130. package/src/index.ts +4 -0
  131. package/src/scripts/cssfabric.ts +54 -0
  132. package/src/scripts/cssfabricClassNames.ts +216 -0
  133. package/src/scripts/utils.ts +37 -0
  134. package/src/vendor/index.d.ts +3 -0
  135. package/src/vendor/normalize/normalize.min.css +2 -0
  136. package/src/vendor/sass-json-export/CHANGELOG.md +26 -0
  137. package/src/vendor/sass-json-export/Gruntfile.js +60 -0
  138. package/src/vendor/sass-json-export/LICENSE +20 -0
  139. package/src/vendor/sass-json-export/README.md +90 -0
  140. package/src/vendor/sass-json-export/package.json +60 -0
  141. package/src/vendor/sass-json-export/stylesheets/encode/api/_json.scss +26 -0
  142. package/src/vendor/sass-json-export/stylesheets/encode/encode.scss +17 -0
  143. package/src/vendor/sass-json-export/stylesheets/encode/helpers/_quote.scss +9 -0
  144. package/src/vendor/sass-json-export/stylesheets/encode/mixins/_json.scss +42 -0
  145. package/src/vendor/sass-json-export/stylesheets/encode/types/_bool.scss +7 -0
  146. package/src/vendor/sass-json-export/stylesheets/encode/types/_color.scss +8 -0
  147. package/src/vendor/sass-json-export/stylesheets/encode/types/_list.scss +14 -0
  148. package/src/vendor/sass-json-export/stylesheets/encode/types/_map.scss +15 -0
  149. package/src/vendor/sass-json-export/stylesheets/encode/types/_null.scss +7 -0
  150. package/src/vendor/sass-json-export/stylesheets/encode/types/_number.scss +8 -0
  151. package/src/vendor/sass-json-export/stylesheets/encode/types/_string.scss +8 -0
  152. package/src/vendor/sass-json-export/stylesheets/sass-json-export.scss +2 -0
  153. package/src/vendor/sass-json-export/test/encode/_index.scss +14 -0
  154. package/src/vendor/sass-json-export/test/encode/api/_json.scss +29 -0
  155. package/src/vendor/sass-json-export/test/encode/helpers/_quote.scss +6 -0
  156. package/src/vendor/sass-json-export/test/encode/types/_bool.scss +6 -0
  157. package/src/vendor/sass-json-export/test/encode/types/_color.scss +7 -0
  158. package/src/vendor/sass-json-export/test/encode/types/_list.scss +25 -0
  159. package/src/vendor/sass-json-export/test/encode/types/_map.scss +17 -0
  160. package/src/vendor/sass-json-export/test/encode/types/_null.scss +8 -0
  161. package/src/vendor/sass-json-export/test/encode/types/_number.scss +68 -0
  162. package/src/vendor/sass-json-export/test/encode/types/_string.scss +9 -0
  163. package/src/vendor/sass-json-export/test/test.scss +9 -0
  164. package/tsconfig.json +46 -0
  165. package/webpack.config.js +53 -0
package/lib/styles/core/text/text.css ADDED
@@ -0,0 +1,147 @@
1
+ .text-ellipsis {
2
+ text-overflow: ellipsis;
3
+ overflow: hidden;
4
+ white-space: nowrap;
5
+ }
6
+
7
+ .h1,
8
+ h1 {
9
+ font-size: var(--font-size-h1);
10
+ line-height: 1.2;
11
+ font-weight: 400;
12
+ }
13
+
14
+ .h2,
15
+ h2 {
16
+ font-size: var(--font-size-h2);
17
+ line-height: 1.2;
18
+ font-weight: 400;
19
+ }
20
+
21
+ .h3,
22
+ h3 {
23
+ font-size: var(--font-size-h3);
24
+ line-height: 1.2;
25
+ font-weight: 400;
26
+ }
27
+
28
+ .h4,
29
+ h4 {
30
+ font-size: var(--font-size-h4);
31
+ line-height: 1.2;
32
+ font-weight: 400;
33
+ }
34
+
35
+ .h5,
36
+ h5 {
37
+ font-size: var(--font-size-h5);
38
+ line-height: 1.2;
39
+ font-weight: 400;
40
+ }
41
+
42
+ .h6,
43
+ h6 {
44
+ font-size: var(--font-size-h6);
45
+ line-height: 1.2;
46
+ font-weight: 400;
47
+ }
48
+
49
+ .text-cap {
50
+ text-transform: capitalize;
51
+ }
52
+ .text-up {
53
+ text-transform: uppercase;
54
+ }
55
+ .text-low {
56
+ text-transform: lowercase;
57
+ }
58
+ .text-none {
59
+ text-transform: none;
60
+ }
61
+ .text-full {
62
+ text-transform: full-width;
63
+ }
64
+ .text-l {
65
+ text-align: left;
66
+ }
67
+ .text-r {
68
+ text-align: right;
69
+ }
70
+ .text-center {
71
+ text-align: center;
72
+ }
73
+ .text-justify {
74
+ text-align: justify;
75
+ }
76
+ .text-50 {
77
+ font-weight: var(--font-weight-50);
78
+ }
79
+ .text-100 {
80
+ font-weight: var(--font-weight-100);
81
+ }
82
+ .text-300 {
83
+ font-weight: var(--font-weight-300);
84
+ }
85
+ .text-500 {
86
+ font-weight: var(--font-weight-500);
87
+ }
88
+ .text-900 {
89
+ font-weight: var(--font-weight-900);
90
+ }
91
+ .text-light {
92
+ font-weight: var(--font-weight-light);
93
+ }
94
+ .text-cap {
95
+ font-weight: var(--font-weight-cap);
96
+ }
97
+ .text-bold {
98
+ font-weight: var(--font-weight-bold);
99
+ }
100
+ .text-bolder {
101
+ font-weight: var(--font-weight-bolder);
102
+ }
103
+ .text-shad-discrete {
104
+ text-shadow: var(--text-shadow-discrete);
105
+ }
106
+ .text-shad-success {
107
+ text-shadow: var(--text-shadow-success);
108
+ }
109
+ .text-shad-info {
110
+ text-shadow: var(--text-shadow-info);
111
+ }
112
+ .text-shad-warning {
113
+ text-shadow: var(--text-shadow-warning);
114
+ }
115
+ .text-shad-alert {
116
+ text-shadow: var(--text-shadow-alert);
117
+ }
118
+ .text-shad-error {
119
+ text-shadow: var(--text-shadow-error);
120
+ }
121
+ .text-shad-yellow {
122
+ text-shadow: var(--text-shadow-yellow);
123
+ }
124
+ .text-shad-orange {
125
+ text-shadow: var(--text-shadow-orange);
126
+ }
127
+ .text-shad-red {
128
+ text-shadow: var(--text-shadow-red);
129
+ }
130
+ .text-shad-magenta {
131
+ text-shadow: var(--text-shadow-magenta);
132
+ }
133
+ .text-shad-purple {
134
+ text-shadow: var(--text-shadow-purple);
135
+ }
136
+ .text-shad-green {
137
+ text-shadow: var(--text-shadow-green);
138
+ }
139
+ .text-shad-teal {
140
+ text-shadow: var(--text-shadow-teal);
141
+ }
142
+ .text-shad-blue {
143
+ text-shadow: var(--text-shadow-blue);
144
+ }
145
+ .text-shad-dark {
146
+ text-shadow: var(--text-shadow-dark);
147
+ }
package/lib/styles/core/text/text.min.css ADDED
@@ -0,0 +1 @@
1
+ .h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:400}.text-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.h1,h1{font-size:var(--font-size-h1)}.h2,h2{font-size:var(--font-size-h2)}.h3,h3{font-size:var(--font-size-h3)}.h4,h4{font-size:var(--font-size-h4)}.h5,h5{font-size:var(--font-size-h5)}.h6,h6{font-size:var(--font-size-h6)}.text-cap{text-transform:capitalize}.text-up{text-transform:uppercase}.text-low{text-transform:lowercase}.text-none{text-transform:none}.text-full{text-transform:full-width}.text-l{text-align:left}.text-r{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-50{font-weight:var(--font-weight-50)}.text-100{font-weight:var(--font-weight-100)}.text-300{font-weight:var(--font-weight-300)}.text-500{font-weight:var(--font-weight-500)}.text-900{font-weight:var(--font-weight-900)}.text-light{font-weight:var(--font-weight-light)}.text-cap{font-weight:var(--font-weight-cap)}.text-bold{font-weight:var(--font-weight-bold)}.text-bolder{font-weight:var(--font-weight-bolder)}.text-shad-discrete{text-shadow:var(--text-shadow-discrete)}.text-shad-success{text-shadow:var(--text-shadow-success)}.text-shad-info{text-shadow:var(--text-shadow-info)}.text-shad-warning{text-shadow:var(--text-shadow-warning)}.text-shad-alert{text-shadow:var(--text-shadow-alert)}.text-shad-error{text-shadow:var(--text-shadow-error)}.text-shad-yellow{text-shadow:var(--text-shadow-yellow)}.text-shad-orange{text-shadow:var(--text-shadow-orange)}.text-shad-red{text-shadow:var(--text-shadow-red)}.text-shad-magenta{text-shadow:var(--text-shadow-magenta)}.text-shad-purple{text-shadow:var(--text-shadow-purple)}.text-shad-green{text-shadow:var(--text-shadow-green)}.text-shad-teal{text-shadow:var(--text-shadow-teal)}.text-shad-blue{text-shadow:var(--text-shadow-blue)}.text-shad-dark{text-shadow:var(--text-shadow-dark)}