@medyll/cssfabric 0.1.12 → 0.2.1-beta.1

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 (236) hide show
  1. package/README.md +36 -218
  2. package/dist/NewMenu.svelte +41 -0
  3. package/dist/NewMenu.svelte.d.ts +19 -0
  4. package/dist/_generated/cssFabric.vars.json +13 -0
  5. package/dist/_generated/cssFabric.vars.md +268 -0
  6. package/dist/cssFabric/config.d.ts +29 -0
  7. package/dist/cssFabric/config.js +29 -0
  8. package/dist/cssFabric/cssFabricSheet.d.ts +1226 -0
  9. package/dist/cssFabric/cssFabricSheet.js +1270 -0
  10. package/dist/cssFabric/cssProperties.d.ts +27 -0
  11. package/dist/cssFabric/cssProperties.js +343 -0
  12. package/dist/cssFabric/cssVariationsAi.d.ts +12 -0
  13. package/dist/cssFabric/cssVariationsAi.js +111 -0
  14. package/dist/cssFabric/index.d.ts +113 -0
  15. package/dist/cssFabric/index.js +341 -0
  16. package/dist/cssf/README.md +197 -0
  17. package/dist/cssf/cssf.d.ts +1 -0
  18. package/dist/cssf/cssf.js +12 -0
  19. package/dist/cssf/cssfGuide.d.ts +14 -0
  20. package/dist/cssf/cssfGuide.js +50 -0
  21. package/dist/cssf/cssfLib.d.ts +134 -0
  22. package/dist/cssf/cssfLib.js +116 -0
  23. package/dist/cssf/cssfModel.d.ts +8 -0
  24. package/dist/cssf/cssfModel.js +59 -0
  25. package/dist/cssf/cssfPlugin.d.ts +3 -0
  26. package/dist/cssf/cssfPlugin.js +37 -0
  27. package/dist/cssf/cssfTransformer.d.ts +2 -0
  28. package/dist/cssf/cssfTransformer.js +100 -0
  29. package/dist/cssf/index.d.ts +4 -0
  30. package/dist/cssf/index.js +4 -0
  31. package/dist/cssfVsCode/.vscode/launch.json +17 -0
  32. package/dist/cssfVsCode/.vscodeignore +4 -0
  33. package/dist/cssfVsCode/CHANGELOG.md +9 -0
  34. package/dist/cssfVsCode/README.md +65 -0
  35. package/dist/cssfVsCode/language-configuration.json +36 -0
  36. package/dist/cssfVsCode/package.json +40 -0
  37. package/dist/cssfVsCode/syntaxes/cssf.tmLanguage.json +1868 -0
  38. package/dist/cssfVsCode/test.cssf +6 -0
  39. package/dist/cssfVsCode/vsc-extension-quickstart.md +29 -0
  40. package/dist/index.d.ts +2 -0
  41. package/dist/index.js +3 -0
  42. package/dist/init/importCssVars.d.ts +1 -0
  43. package/dist/init/importCssVars.js +2 -0
  44. package/dist/scripts/cssfabric.d.ts +24 -0
  45. package/dist/scripts/cssfabric.js +43 -0
  46. package/{lib → dist}/scripts/cssfabricClassNames.d.ts +14 -14
  47. package/{lib → dist}/scripts/cssfabricClassNames.js +146 -150
  48. package/{lib → dist}/scripts/index.d.ts +2 -2
  49. package/dist/scripts/index.js +4 -0
  50. package/{lib → dist}/scripts/utils.d.ts +5 -5
  51. package/{lib → dist}/scripts/utils.js +38 -40
  52. package/dist/styles/animation/animation.css +2 -0
  53. package/{lib/styles/core → dist/styles}/base/base.css +207 -221
  54. package/dist/styles/base/base.min.css +1 -0
  55. package/{lib/styles/core → dist/styles}/box/box.css +1496 -1362
  56. package/dist/styles/box/box.min.css +1 -0
  57. package/{lib/styles/core → dist/styles}/box/box.responsive.css +7036 -5459
  58. package/dist/styles/box/box.responsive.min.css +1 -0
  59. package/{lib/styles/core → dist/styles}/color/color.css +1566 -1564
  60. package/dist/styles/color/color.min.css +1 -0
  61. package/{lib/styles/core → dist/styles}/color/color.responsive.css +7781 -6267
  62. package/dist/styles/color/color.responsive.min.css +1 -0
  63. package/{lib → dist}/styles/cssfabric.css +5327 -5146
  64. package/dist/styles/cssfabric.min.css +1 -0
  65. package/{lib → dist}/styles/cssfabric.responsive.css +20410 -16670
  66. package/dist/styles/cssfabric.responsive.min.css +1 -0
  67. package/{lib/styles/core → dist/styles}/flex/flex.css +125 -123
  68. package/dist/styles/flex/flex.min.css +1 -0
  69. package/{lib/styles/core → dist/styles}/flex/flex.responsive.css +581 -503
  70. package/dist/styles/flex/flex.responsive.min.css +1 -0
  71. package/{lib/styles/core → dist/styles}/grid/grid.css +120 -118
  72. package/dist/styles/grid/grid.min.css +1 -0
  73. package/{lib/styles/core → dist/styles}/grid/grid.responsive.css +501 -483
  74. package/dist/styles/grid/grid.responsive.min.css +1 -0
  75. package/{lib/styles/core → dist/styles}/menu/menu.css +102 -96
  76. package/dist/styles/menu/menu.min.css +1 -0
  77. package/dist/styles/menu/menu.responsive.css +445 -0
  78. package/dist/styles/menu/menu.responsive.min.css +1 -0
  79. package/{lib/styles/core → dist/styles}/overflow/overflow.css +61 -59
  80. package/{lib/styles/core → dist/styles}/overflow/overflow.responsive.css +237 -244
  81. package/dist/styles/overflow/overflow.responsive.min.css +1 -0
  82. package/{lib/styles/core → dist/styles}/scale/scale.css +720 -718
  83. package/{lib/styles/core → dist/styles}/scale/scale.responsive.css +3251 -2883
  84. package/dist/styles/scale/scale.responsive.min.css +1 -0
  85. package/{lib/styles/core → dist/styles}/table/table.css +73 -71
  86. package/dist/styles/table/table.min.css +1 -0
  87. package/{lib/styles/core → dist/styles}/table/table.responsive.css +371 -295
  88. package/dist/styles/table/table.responsive.min.css +1 -0
  89. package/{lib/styles/core → dist/styles}/text/text.css +152 -150
  90. package/dist/styles/text/text.min.css +1 -0
  91. package/{lib/styles/core → dist/styles}/text/text.responsive.css +216 -195
  92. package/dist/styles/text/text.responsive.min.css +1 -0
  93. package/{lib/styles/core → dist/styles}/theme/theme.css +247 -196
  94. package/{lib/styles/core → dist/styles}/theme/theme.min.css +1 -1
  95. package/{lib/styles/core → dist/styles}/vars.css +412 -409
  96. package/dist/styles/vars.min.css +1 -0
  97. package/{lib/styles/core → dist/styles}/zindex/zindex.css +44 -42
  98. package/package.json +66 -67
  99. package/.idea/cssfabric.iml +0 -8
  100. package/.idea/misc.xml +0 -9
  101. package/.idea/modules.xml +0 -8
  102. package/.idea/vcs.xml +0 -6
  103. package/.vscode/settings.json +0 -24
  104. package/bin/index.js +0 -7
  105. package/cssfabric.config.js +0 -3
  106. package/cssfabric.json +0 -8
  107. package/gulpfile.js +0 -598
  108. package/lib/_generated/export.variables.json +0 -583
  109. package/lib/index.d.ts +0 -2
  110. package/lib/index.js +0 -7
  111. package/lib/scripts/cssfabric.d.ts +0 -24
  112. package/lib/scripts/cssfabric.js +0 -48
  113. package/lib/scripts/index.js +0 -6
  114. package/lib/styles/core/animation/animation.css +0 -0
  115. package/lib/styles/core/base/base.min.css +0 -1
  116. package/lib/styles/core/box/box.min.css +0 -1
  117. package/lib/styles/core/box/box.responsive.min.css +0 -1
  118. package/lib/styles/core/color/color.min.css +0 -1
  119. package/lib/styles/core/color/color.responsive.min.css +0 -1
  120. package/lib/styles/core/flex/flex.min.css +0 -1
  121. package/lib/styles/core/flex/flex.responsive.min.css +0 -1
  122. package/lib/styles/core/grid/grid.min.css +0 -1
  123. package/lib/styles/core/grid/grid.responsive.min.css +0 -1
  124. package/lib/styles/core/main.min.css +0 -1
  125. package/lib/styles/core/menu/menu.min.css +0 -1
  126. package/lib/styles/core/menu/menu.responsive.css +0 -342
  127. package/lib/styles/core/menu/menu.responsive.min.css +0 -1
  128. package/lib/styles/core/overflow/overflow.responsive.min.css +0 -1
  129. package/lib/styles/core/scale/scale.responsive.min.css +0 -1
  130. package/lib/styles/core/table/table.min.css +0 -1
  131. package/lib/styles/core/table/table.responsive.min.css +0 -1
  132. package/lib/styles/core/text/text.min.css +0 -1
  133. package/lib/styles/core/text/text.responsive.min.css +0 -1
  134. package/lib/styles/core/vars.min.css +0 -1
  135. package/lib/styles/core/vars2.css +0 -4
  136. package/lib/styles/core/vars2.min.css +0 -1
  137. package/lib/styles/cssfabric.min.css +0 -16
  138. package/lib/styles/cssfabric.responsive.min.css +0 -9
  139. package/src/_generated/export.variables.json +0 -759
  140. package/src/_generated/index.d.ts +0 -3
  141. package/src/cssfabric/_utils.scss +0 -203
  142. package/src/cssfabric/index.d.ts +0 -3
  143. package/src/cssfabric/modules/_cssfabric-config.scss +0 -163
  144. package/src/cssfabric/modules/_mixins.scss +0 -1
  145. package/src/cssfabric/modules/animation/_animation-vars.scss +0 -17
  146. package/src/cssfabric/modules/animation/animation.scss +0 -3
  147. package/src/cssfabric/modules/base/_base-vars.scss +0 -19
  148. package/src/cssfabric/modules/base/base.scss +0 -80
  149. package/src/cssfabric/modules/box/_box-build.scss +0 -287
  150. package/src/cssfabric/modules/box/_box-vars.scss +0 -121
  151. package/src/cssfabric/modules/box/box-responsive.scss +0 -18
  152. package/src/cssfabric/modules/box/box.scss +0 -3
  153. package/src/cssfabric/modules/color/_color-build.scss +0 -196
  154. package/src/cssfabric/modules/color/_color-vars.scss +0 -80
  155. package/src/cssfabric/modules/color/color-responsive.scss +0 -23
  156. package/src/cssfabric/modules/color/color.scss +0 -9
  157. package/src/cssfabric/modules/css-fabric.scss +0 -2
  158. package/src/cssfabric/modules/flex/_flex-build.scss +0 -150
  159. package/src/cssfabric/modules/flex/_flex-vars.scss +0 -84
  160. package/src/cssfabric/modules/flex/flex-responsive.scss +0 -25
  161. package/src/cssfabric/modules/flex/flex.scss +0 -3
  162. package/src/cssfabric/modules/grid/_grid-build.scss +0 -84
  163. package/src/cssfabric/modules/grid/_grid-vars.scss +0 -88
  164. package/src/cssfabric/modules/grid/grid-responsive.scss +0 -25
  165. package/src/cssfabric/modules/grid/grid.scss +0 -6
  166. package/src/cssfabric/modules/menu/_menu-build.scss +0 -119
  167. package/src/cssfabric/modules/menu/_menu-vars.scss +0 -29
  168. package/src/cssfabric/modules/menu/menu-responsive.scss +0 -19
  169. package/src/cssfabric/modules/menu/menu.scss +0 -6
  170. package/src/cssfabric/modules/overflow/_overflow-build.scss +0 -22
  171. package/src/cssfabric/modules/overflow/_overflow-vars.scss +0 -31
  172. package/src/cssfabric/modules/overflow/overflow-responsive.scss +0 -25
  173. package/src/cssfabric/modules/overflow/overflow.scss +0 -7
  174. package/src/cssfabric/modules/scale/_scale-build.scss +0 -142
  175. package/src/cssfabric/modules/scale/_scale-vars.scss +0 -84
  176. package/src/cssfabric/modules/scale/scale-responsive.scss +0 -23
  177. package/src/cssfabric/modules/scale/scale.scss +0 -8
  178. package/src/cssfabric/modules/table/_table-build.scss +0 -134
  179. package/src/cssfabric/modules/table/_table-vars.scss +0 -30
  180. package/src/cssfabric/modules/table/table-responsive.scss +0 -24
  181. package/src/cssfabric/modules/table/table.scss +0 -8
  182. package/src/cssfabric/modules/text/_text-build.scss +0 -166
  183. package/src/cssfabric/modules/text/_text-vars.scss +0 -87
  184. package/src/cssfabric/modules/text/text-responsive.scss +0 -26
  185. package/src/cssfabric/modules/text/text.scss +0 -6
  186. package/src/cssfabric/modules/theme/_theme-build.scss +0 -90
  187. package/src/cssfabric/modules/theme/_theme-vars.scss +0 -46
  188. package/src/cssfabric/modules/theme/theme.scss +0 -6
  189. package/src/cssfabric/modules/vars.scss +0 -49
  190. package/src/cssfabric/modules/zindex/_zindex-vars.scss +0 -14
  191. package/src/cssfabric/modules/zindex/zindex.scss +0 -15
  192. package/src/index.d.ts +0 -3
  193. package/src/index.ts +0 -4
  194. package/src/scripts/cssfabric.ts +0 -54
  195. package/src/scripts/cssfabricClassNames.ts +0 -216
  196. package/src/scripts/index.d.ts +0 -2
  197. package/src/scripts/index.ts +0 -8
  198. package/src/scripts/utils.ts +0 -37
  199. package/src/vendor/index.d.ts +0 -3
  200. package/src/vendor/normalize/normalize.min.css +0 -2
  201. package/src/vendor/sass-json-export/CHANGELOG.md +0 -26
  202. package/src/vendor/sass-json-export/Gruntfile.js +0 -60
  203. package/src/vendor/sass-json-export/LICENSE +0 -20
  204. package/src/vendor/sass-json-export/README.md +0 -90
  205. package/src/vendor/sass-json-export/package.json +0 -60
  206. package/src/vendor/sass-json-export/stylesheets/encode/api/_json.scss +0 -26
  207. package/src/vendor/sass-json-export/stylesheets/encode/encode.scss +0 -17
  208. package/src/vendor/sass-json-export/stylesheets/encode/helpers/_quote.scss +0 -9
  209. package/src/vendor/sass-json-export/stylesheets/encode/mixins/_json.scss +0 -42
  210. package/src/vendor/sass-json-export/stylesheets/encode/types/_bool.scss +0 -7
  211. package/src/vendor/sass-json-export/stylesheets/encode/types/_color.scss +0 -8
  212. package/src/vendor/sass-json-export/stylesheets/encode/types/_list.scss +0 -14
  213. package/src/vendor/sass-json-export/stylesheets/encode/types/_map.scss +0 -15
  214. package/src/vendor/sass-json-export/stylesheets/encode/types/_null.scss +0 -7
  215. package/src/vendor/sass-json-export/stylesheets/encode/types/_number.scss +0 -8
  216. package/src/vendor/sass-json-export/stylesheets/encode/types/_string.scss +0 -8
  217. package/src/vendor/sass-json-export/stylesheets/sass-json-export.scss +0 -2
  218. package/src/vendor/sass-json-export/test/encode/_index.scss +0 -14
  219. package/src/vendor/sass-json-export/test/encode/api/_json.scss +0 -29
  220. package/src/vendor/sass-json-export/test/encode/helpers/_quote.scss +0 -6
  221. package/src/vendor/sass-json-export/test/encode/types/_bool.scss +0 -6
  222. package/src/vendor/sass-json-export/test/encode/types/_color.scss +0 -7
  223. package/src/vendor/sass-json-export/test/encode/types/_list.scss +0 -25
  224. package/src/vendor/sass-json-export/test/encode/types/_map.scss +0 -17
  225. package/src/vendor/sass-json-export/test/encode/types/_null.scss +0 -8
  226. package/src/vendor/sass-json-export/test/encode/types/_number.scss +0 -68
  227. package/src/vendor/sass-json-export/test/encode/types/_string.scss +0 -9
  228. package/src/vendor/sass-json-export/test/test.scss +0 -9
  229. package/tsconfig.json +0 -46
  230. package/webpack.config.js +0 -55
  231. /package/{src → dist}/_generated/export.variables.md +0 -0
  232. /package/{src → dist}/_generated/readme.md +0 -0
  233. /package/{lib/styles/core → dist/styles}/animation/animation.min.css +0 -0
  234. /package/{lib/styles/core → dist/styles}/overflow/overflow.min.css +0 -0
  235. /package/{lib/styles/core → dist/styles}/scale/scale.min.css +0 -0
  236. /package/{lib/styles/core → dist/styles}/zindex/zindex.min.css +0 -0
package/{lib/styles/core → dist/styles}/table/table.responsive.css RENAMED
@@ -1,296 +1,372 @@
1
- @media only screen and (max-width: 1300px) {
2
- /** cssfabric : tbl*/
3
- .table {
4
- border-collapse: collapse;
5
- border-spacing: 0;
6
- }
7
- .table thead,
8
- .table .thead {
9
- position: relative;
10
- margin-bottom: 2rem;
11
- }
12
- .table.tbl-xxl-head thead tr th {
13
- background-color: table_bg_color_head;
14
- }
15
- .table thead tr th,
16
- .table .thead .tr .th {
17
- padding: 0.5rem 0.25rem;
18
- font-weight: normal;
19
- }
20
- .table tbody tr td,
21
- .table .tbody .tr .td {
22
- padding: 0.25em;
23
- }
24
- .table.tbl-xxl-layout {
25
- table-layout: fixed;
26
- }
27
- .table.tbl-xxl-h-line th,
28
- .table.tbl-xxl-h-line td,
29
- .table.tbl-xxl-h-line .th,
30
- .table.tbl-xxl-h-line .td {
31
- border-bottom: 1px solid #ededed;
32
- }
33
- .table.tbl-xxl-h-line:last-child {
34
- border-bottom: none;
35
- }
36
- .table.tbl-xxl-v-line tr th, .table.tbl-xxl-v-line tr td {
37
- border-right: 1px solid #ededed;
38
- }
39
- .table.tbl-xxl-v-line tr th:last-child, .table.tbl-xxl-v-line tr td:last-child {
40
- border-right: none;
41
- }
42
- .table.tbl-xxl-border {
43
- border: 1px solid #ededed;
44
- }
45
- .table.tbl-xxl-shad thead tr th {
46
- box-shadow: 4px 4px 8px #ccc;
47
- z-index: 11;
48
- }
49
- .table.tbl-xxl-shad thead tr th:last-child {
50
- box-shadow: 4px 4px 8px #ccc;
51
- z-index: -1;
52
- }
53
- .table.tbl-xxl-bg-strip-2 tr:nth-child(2n+2) td {
54
- background-color: #ededed;
55
- }
56
- .table.tbl-xxl-bg-strip-5 tr:nth-child(5n+5) td {
57
- background-color: #ededed;
58
- }
59
- .table.tbl-xxl-sticky {
60
- position: relative;
61
- }
62
- .table.tbl-xxl-sticky thead tr,
63
- .table.tbl-xxl-sticky .thead .tr {
64
- position: static;
65
- }
66
- .table.tbl-xxl-sticky thead tr th,
67
- .table.tbl-xxl-sticky thead tr .th,
68
- .table.tbl-xxl-sticky .thead .tr th,
69
- .table.tbl-xxl-sticky .thead .tr .th {
70
- background-color: #ededed;
71
- position: sticky;
72
- top: 0;
73
- }
74
- }
75
- @media only screen and (max-width: 1200px) {
76
- /** cssfabric : tbl*/
77
- .table {
78
- border-collapse: collapse;
79
- border-spacing: 0;
80
- }
81
- .table thead,
82
- .table .thead {
83
- position: relative;
84
- margin-bottom: 2rem;
85
- }
86
- .table.tbl-xl-head thead tr th {
87
- background-color: table_bg_color_head;
88
- }
89
- .table thead tr th,
90
- .table .thead .tr .th {
91
- padding: 0.5rem 0.25rem;
92
- font-weight: normal;
93
- }
94
- .table tbody tr td,
95
- .table .tbody .tr .td {
96
- padding: 0.25em;
97
- }
98
- .table.tbl-xl-layout {
99
- table-layout: fixed;
100
- }
101
- .table.tbl-xl-h-line th,
102
- .table.tbl-xl-h-line td,
103
- .table.tbl-xl-h-line .th,
104
- .table.tbl-xl-h-line .td {
105
- border-bottom: 1px solid #ededed;
106
- }
107
- .table.tbl-xl-h-line:last-child {
108
- border-bottom: none;
109
- }
110
- .table.tbl-xl-v-line tr th, .table.tbl-xl-v-line tr td {
111
- border-right: 1px solid #ededed;
112
- }
113
- .table.tbl-xl-v-line tr th:last-child, .table.tbl-xl-v-line tr td:last-child {
114
- border-right: none;
115
- }
116
- .table.tbl-xl-border {
117
- border: 1px solid #ededed;
118
- }
119
- .table.tbl-xl-shad thead tr th {
120
- box-shadow: 4px 4px 8px #ccc;
121
- z-index: 11;
122
- }
123
- .table.tbl-xl-shad thead tr th:last-child {
124
- box-shadow: 4px 4px 8px #ccc;
125
- z-index: -1;
126
- }
127
- .table.tbl-xl-bg-strip-2 tr:nth-child(2n+2) td {
128
- background-color: #ededed;
129
- }
130
- .table.tbl-xl-bg-strip-5 tr:nth-child(5n+5) td {
131
- background-color: #ededed;
132
- }
133
- .table.tbl-xl-sticky {
134
- position: relative;
135
- }
136
- .table.tbl-xl-sticky thead tr,
137
- .table.tbl-xl-sticky .thead .tr {
138
- position: static;
139
- }
140
- .table.tbl-xl-sticky thead tr th,
141
- .table.tbl-xl-sticky thead tr .th,
142
- .table.tbl-xl-sticky .thead .tr th,
143
- .table.tbl-xl-sticky .thead .tr .th {
144
- background-color: #ededed;
145
- position: sticky;
146
- top: 0;
147
- }
148
- }
149
- @media only screen and (max-width: 960px) {
150
- /** cssfabric : tbl*/
151
- .table {
152
- border-collapse: collapse;
153
- border-spacing: 0;
154
- }
155
- .table thead,
156
- .table .thead {
157
- position: relative;
158
- margin-bottom: 2rem;
159
- }
160
- .table.tbl-lg-head thead tr th {
161
- background-color: table_bg_color_head;
162
- }
163
- .table thead tr th,
164
- .table .thead .tr .th {
165
- padding: 0.5rem 0.25rem;
166
- font-weight: normal;
167
- }
168
- .table tbody tr td,
169
- .table .tbody .tr .td {
170
- padding: 0.25em;
171
- }
172
- .table.tbl-lg-layout {
173
- table-layout: fixed;
174
- }
175
- .table.tbl-lg-h-line th,
176
- .table.tbl-lg-h-line td,
177
- .table.tbl-lg-h-line .th,
178
- .table.tbl-lg-h-line .td {
179
- border-bottom: 1px solid #ededed;
180
- }
181
- .table.tbl-lg-h-line:last-child {
182
- border-bottom: none;
183
- }
184
- .table.tbl-lg-v-line tr th, .table.tbl-lg-v-line tr td {
185
- border-right: 1px solid #ededed;
186
- }
187
- .table.tbl-lg-v-line tr th:last-child, .table.tbl-lg-v-line tr td:last-child {
188
- border-right: none;
189
- }
190
- .table.tbl-lg-border {
191
- border: 1px solid #ededed;
192
- }
193
- .table.tbl-lg-shad thead tr th {
194
- box-shadow: 4px 4px 8px #ccc;
195
- z-index: 11;
196
- }
197
- .table.tbl-lg-shad thead tr th:last-child {
198
- box-shadow: 4px 4px 8px #ccc;
199
- z-index: -1;
200
- }
201
- .table.tbl-lg-bg-strip-2 tr:nth-child(2n+2) td {
202
- background-color: #ededed;
203
- }
204
- .table.tbl-lg-bg-strip-5 tr:nth-child(5n+5) td {
205
- background-color: #ededed;
206
- }
207
- .table.tbl-lg-sticky {
208
- position: relative;
209
- }
210
- .table.tbl-lg-sticky thead tr,
211
- .table.tbl-lg-sticky .thead .tr {
212
- position: static;
213
- }
214
- .table.tbl-lg-sticky thead tr th,
215
- .table.tbl-lg-sticky thead tr .th,
216
- .table.tbl-lg-sticky .thead .tr th,
217
- .table.tbl-lg-sticky .thead .tr .th {
218
- background-color: #ededed;
219
- position: sticky;
220
- top: 0;
221
- }
222
- }
223
- @media only screen and (max-width: 760px) {
224
- /** cssfabric : tbl*/
225
- .table {
226
- border-collapse: collapse;
227
- border-spacing: 0;
228
- }
229
- .table thead,
230
- .table .thead {
231
- position: relative;
232
- margin-bottom: 2rem;
233
- }
234
- .table.tbl-md-head thead tr th {
235
- background-color: table_bg_color_head;
236
- }
237
- .table thead tr th,
238
- .table .thead .tr .th {
239
- padding: 0.5rem 0.25rem;
240
- font-weight: normal;
241
- }
242
- .table tbody tr td,
243
- .table .tbody .tr .td {
244
- padding: 0.25em;
245
- }
246
- .table.tbl-md-layout {
247
- table-layout: fixed;
248
- }
249
- .table.tbl-md-h-line th,
250
- .table.tbl-md-h-line td,
251
- .table.tbl-md-h-line .th,
252
- .table.tbl-md-h-line .td {
253
- border-bottom: 1px solid #ededed;
254
- }
255
- .table.tbl-md-h-line:last-child {
256
- border-bottom: none;
257
- }
258
- .table.tbl-md-v-line tr th, .table.tbl-md-v-line tr td {
259
- border-right: 1px solid #ededed;
260
- }
261
- .table.tbl-md-v-line tr th:last-child, .table.tbl-md-v-line tr td:last-child {
262
- border-right: none;
263
- }
264
- .table.tbl-md-border {
265
- border: 1px solid #ededed;
266
- }
267
- .table.tbl-md-shad thead tr th {
268
- box-shadow: 4px 4px 8px #ccc;
269
- z-index: 11;
270
- }
271
- .table.tbl-md-shad thead tr th:last-child {
272
- box-shadow: 4px 4px 8px #ccc;
273
- z-index: -1;
274
- }
275
- .table.tbl-md-bg-strip-2 tr:nth-child(2n+2) td {
276
- background-color: #ededed;
277
- }
278
- .table.tbl-md-bg-strip-5 tr:nth-child(5n+5) td {
279
- background-color: #ededed;
280
- }
281
- .table.tbl-md-sticky {
282
- position: relative;
283
- }
284
- .table.tbl-md-sticky thead tr,
285
- .table.tbl-md-sticky .thead .tr {
286
- position: static;
287
- }
288
- .table.tbl-md-sticky thead tr th,
289
- .table.tbl-md-sticky thead tr .th,
290
- .table.tbl-md-sticky .thead .tr th,
291
- .table.tbl-md-sticky .thead .tr .th {
292
- background-color: #ededed;
293
- position: sticky;
294
- top: 0;
295
- }
1
+
2
+ /**---------------------table.responsive.css---------------------*/
3
+ @media only screen and (min-width: 640px) {
4
+ /** cssfabric : tbl*/
5
+ .table {
6
+ border-collapse: collapse;
7
+ border-spacing: 0;
8
+ }
9
+ .table thead,
10
+ .table .thead {
11
+ position: relative;
12
+ margin-bottom: 2rem;
13
+ }
14
+ .table.tbl-sm-head thead tr th {
15
+ background-color: table_bg_color_head;
16
+ }
17
+ .table thead tr th,
18
+ .table .thead .tr .th {
19
+ padding: 0.5rem 0.25rem;
20
+ font-weight: normal;
21
+ }
22
+ .table tbody tr td,
23
+ .table .tbody .tr .td {
24
+ padding: 0.25em;
25
+ }
26
+ .table.tbl-sm-layout {
27
+ table-layout: fixed;
28
+ }
29
+ .table.tbl-sm-h-line th,
30
+ .table.tbl-sm-h-line td,
31
+ .table.tbl-sm-h-line .th,
32
+ .table.tbl-sm-h-line .td {
33
+ border-bottom: 1px solid #ededed;
34
+ }
35
+ .table.tbl-sm-h-line:last-child {
36
+ border-bottom: none;
37
+ }
38
+ .table.tbl-sm-v-line tr th, .table.tbl-sm-v-line tr td {
39
+ border-right: 1px solid #ededed;
40
+ }
41
+ .table.tbl-sm-v-line tr th:last-child, .table.tbl-sm-v-line tr td:last-child {
42
+ border-right: none;
43
+ }
44
+ .table.tbl-sm-border {
45
+ border: 1px solid #ededed;
46
+ }
47
+ .table.tbl-sm-shad thead tr th {
48
+ box-shadow: 4px 4px 8px #ccc;
49
+ z-index: 11;
50
+ }
51
+ .table.tbl-sm-shad thead tr th:last-child {
52
+ box-shadow: 4px 4px 8px #ccc;
53
+ z-index: -1;
54
+ }
55
+ .table.tbl-sm-bg-strip-2 tr:nth-child(2n+2) td {
56
+ background-color: #ededed;
57
+ }
58
+ .table.tbl-sm-bg-strip-5 tr:nth-child(5n+5) td {
59
+ background-color: #ededed;
60
+ }
61
+ .table.tbl-sm-sticky {
62
+ position: relative;
63
+ }
64
+ .table.tbl-sm-sticky thead tr,
65
+ .table.tbl-sm-sticky .thead .tr {
66
+ position: static;
67
+ }
68
+ .table.tbl-sm-sticky thead tr th,
69
+ .table.tbl-sm-sticky thead tr .th,
70
+ .table.tbl-sm-sticky .thead .tr th,
71
+ .table.tbl-sm-sticky .thead .tr .th {
72
+ background-color: #ededed;
73
+ position: sticky;
74
+ top: 0;
75
+ }
76
+ }
77
+ @media only screen and (min-width: 768px) {
78
+ /** cssfabric : tbl*/
79
+ .table {
80
+ border-collapse: collapse;
81
+ border-spacing: 0;
82
+ }
83
+ .table thead,
84
+ .table .thead {
85
+ position: relative;
86
+ margin-bottom: 2rem;
87
+ }
88
+ .table.tbl-md-head thead tr th {
89
+ background-color: table_bg_color_head;
90
+ }
91
+ .table thead tr th,
92
+ .table .thead .tr .th {
93
+ padding: 0.5rem 0.25rem;
94
+ font-weight: normal;
95
+ }
96
+ .table tbody tr td,
97
+ .table .tbody .tr .td {
98
+ padding: 0.25em;
99
+ }
100
+ .table.tbl-md-layout {
101
+ table-layout: fixed;
102
+ }
103
+ .table.tbl-md-h-line th,
104
+ .table.tbl-md-h-line td,
105
+ .table.tbl-md-h-line .th,
106
+ .table.tbl-md-h-line .td {
107
+ border-bottom: 1px solid #ededed;
108
+ }
109
+ .table.tbl-md-h-line:last-child {
110
+ border-bottom: none;
111
+ }
112
+ .table.tbl-md-v-line tr th, .table.tbl-md-v-line tr td {
113
+ border-right: 1px solid #ededed;
114
+ }
115
+ .table.tbl-md-v-line tr th:last-child, .table.tbl-md-v-line tr td:last-child {
116
+ border-right: none;
117
+ }
118
+ .table.tbl-md-border {
119
+ border: 1px solid #ededed;
120
+ }
121
+ .table.tbl-md-shad thead tr th {
122
+ box-shadow: 4px 4px 8px #ccc;
123
+ z-index: 11;
124
+ }
125
+ .table.tbl-md-shad thead tr th:last-child {
126
+ box-shadow: 4px 4px 8px #ccc;
127
+ z-index: -1;
128
+ }
129
+ .table.tbl-md-bg-strip-2 tr:nth-child(2n+2) td {
130
+ background-color: #ededed;
131
+ }
132
+ .table.tbl-md-bg-strip-5 tr:nth-child(5n+5) td {
133
+ background-color: #ededed;
134
+ }
135
+ .table.tbl-md-sticky {
136
+ position: relative;
137
+ }
138
+ .table.tbl-md-sticky thead tr,
139
+ .table.tbl-md-sticky .thead .tr {
140
+ position: static;
141
+ }
142
+ .table.tbl-md-sticky thead tr th,
143
+ .table.tbl-md-sticky thead tr .th,
144
+ .table.tbl-md-sticky .thead .tr th,
145
+ .table.tbl-md-sticky .thead .tr .th {
146
+ background-color: #ededed;
147
+ position: sticky;
148
+ top: 0;
149
+ }
150
+ }
151
+ @media only screen and (min-width: 1024px) {
152
+ /** cssfabric : tbl*/
153
+ .table {
154
+ border-collapse: collapse;
155
+ border-spacing: 0;
156
+ }
157
+ .table thead,
158
+ .table .thead {
159
+ position: relative;
160
+ margin-bottom: 2rem;
161
+ }
162
+ .table.tbl-lg-head thead tr th {
163
+ background-color: table_bg_color_head;
164
+ }
165
+ .table thead tr th,
166
+ .table .thead .tr .th {
167
+ padding: 0.5rem 0.25rem;
168
+ font-weight: normal;
169
+ }
170
+ .table tbody tr td,
171
+ .table .tbody .tr .td {
172
+ padding: 0.25em;
173
+ }
174
+ .table.tbl-lg-layout {
175
+ table-layout: fixed;
176
+ }
177
+ .table.tbl-lg-h-line th,
178
+ .table.tbl-lg-h-line td,
179
+ .table.tbl-lg-h-line .th,
180
+ .table.tbl-lg-h-line .td {
181
+ border-bottom: 1px solid #ededed;
182
+ }
183
+ .table.tbl-lg-h-line:last-child {
184
+ border-bottom: none;
185
+ }
186
+ .table.tbl-lg-v-line tr th, .table.tbl-lg-v-line tr td {
187
+ border-right: 1px solid #ededed;
188
+ }
189
+ .table.tbl-lg-v-line tr th:last-child, .table.tbl-lg-v-line tr td:last-child {
190
+ border-right: none;
191
+ }
192
+ .table.tbl-lg-border {
193
+ border: 1px solid #ededed;
194
+ }
195
+ .table.tbl-lg-shad thead tr th {
196
+ box-shadow: 4px 4px 8px #ccc;
197
+ z-index: 11;
198
+ }
199
+ .table.tbl-lg-shad thead tr th:last-child {
200
+ box-shadow: 4px 4px 8px #ccc;
201
+ z-index: -1;
202
+ }
203
+ .table.tbl-lg-bg-strip-2 tr:nth-child(2n+2) td {
204
+ background-color: #ededed;
205
+ }
206
+ .table.tbl-lg-bg-strip-5 tr:nth-child(5n+5) td {
207
+ background-color: #ededed;
208
+ }
209
+ .table.tbl-lg-sticky {
210
+ position: relative;
211
+ }
212
+ .table.tbl-lg-sticky thead tr,
213
+ .table.tbl-lg-sticky .thead .tr {
214
+ position: static;
215
+ }
216
+ .table.tbl-lg-sticky thead tr th,
217
+ .table.tbl-lg-sticky thead tr .th,
218
+ .table.tbl-lg-sticky .thead .tr th,
219
+ .table.tbl-lg-sticky .thead .tr .th {
220
+ background-color: #ededed;
221
+ position: sticky;
222
+ top: 0;
223
+ }
224
+ }
225
+ @media only screen and (min-width: 1280px) {
226
+ /** cssfabric : tbl*/
227
+ .table {
228
+ border-collapse: collapse;
229
+ border-spacing: 0;
230
+ }
231
+ .table thead,
232
+ .table .thead {
233
+ position: relative;
234
+ margin-bottom: 2rem;
235
+ }
236
+ .table.tbl-xl-head thead tr th {
237
+ background-color: table_bg_color_head;
238
+ }
239
+ .table thead tr th,
240
+ .table .thead .tr .th {
241
+ padding: 0.5rem 0.25rem;
242
+ font-weight: normal;
243
+ }
244
+ .table tbody tr td,
245
+ .table .tbody .tr .td {
246
+ padding: 0.25em;
247
+ }
248
+ .table.tbl-xl-layout {
249
+ table-layout: fixed;
250
+ }
251
+ .table.tbl-xl-h-line th,
252
+ .table.tbl-xl-h-line td,
253
+ .table.tbl-xl-h-line .th,
254
+ .table.tbl-xl-h-line .td {
255
+ border-bottom: 1px solid #ededed;
256
+ }
257
+ .table.tbl-xl-h-line:last-child {
258
+ border-bottom: none;
259
+ }
260
+ .table.tbl-xl-v-line tr th, .table.tbl-xl-v-line tr td {
261
+ border-right: 1px solid #ededed;
262
+ }
263
+ .table.tbl-xl-v-line tr th:last-child, .table.tbl-xl-v-line tr td:last-child {
264
+ border-right: none;
265
+ }
266
+ .table.tbl-xl-border {
267
+ border: 1px solid #ededed;
268
+ }
269
+ .table.tbl-xl-shad thead tr th {
270
+ box-shadow: 4px 4px 8px #ccc;
271
+ z-index: 11;
272
+ }
273
+ .table.tbl-xl-shad thead tr th:last-child {
274
+ box-shadow: 4px 4px 8px #ccc;
275
+ z-index: -1;
276
+ }
277
+ .table.tbl-xl-bg-strip-2 tr:nth-child(2n+2) td {
278
+ background-color: #ededed;
279
+ }
280
+ .table.tbl-xl-bg-strip-5 tr:nth-child(5n+5) td {
281
+ background-color: #ededed;
282
+ }
283
+ .table.tbl-xl-sticky {
284
+ position: relative;
285
+ }
286
+ .table.tbl-xl-sticky thead tr,
287
+ .table.tbl-xl-sticky .thead .tr {
288
+ position: static;
289
+ }
290
+ .table.tbl-xl-sticky thead tr th,
291
+ .table.tbl-xl-sticky thead tr .th,
292
+ .table.tbl-xl-sticky .thead .tr th,
293
+ .table.tbl-xl-sticky .thead .tr .th {
294
+ background-color: #ededed;
295
+ position: sticky;
296
+ top: 0;
297
+ }
298
+ }
299
+ @media only screen and (min-width: 1540px) {
300
+ /** cssfabric : tbl*/
301
+ .table {
302
+ border-collapse: collapse;
303
+ border-spacing: 0;
304
+ }
305
+ .table thead,
306
+ .table .thead {
307
+ position: relative;
308
+ margin-bottom: 2rem;
309
+ }
310
+ .table.tbl-xxl-head thead tr th {
311
+ background-color: table_bg_color_head;
312
+ }
313
+ .table thead tr th,
314
+ .table .thead .tr .th {
315
+ padding: 0.5rem 0.25rem;
316
+ font-weight: normal;
317
+ }
318
+ .table tbody tr td,
319
+ .table .tbody .tr .td {
320
+ padding: 0.25em;
321
+ }
322
+ .table.tbl-xxl-layout {
323
+ table-layout: fixed;
324
+ }
325
+ .table.tbl-xxl-h-line th,
326
+ .table.tbl-xxl-h-line td,
327
+ .table.tbl-xxl-h-line .th,
328
+ .table.tbl-xxl-h-line .td {
329
+ border-bottom: 1px solid #ededed;
330
+ }
331
+ .table.tbl-xxl-h-line:last-child {
332
+ border-bottom: none;
333
+ }
334
+ .table.tbl-xxl-v-line tr th, .table.tbl-xxl-v-line tr td {
335
+ border-right: 1px solid #ededed;
336
+ }
337
+ .table.tbl-xxl-v-line tr th:last-child, .table.tbl-xxl-v-line tr td:last-child {
338
+ border-right: none;
339
+ }
340
+ .table.tbl-xxl-border {
341
+ border: 1px solid #ededed;
342
+ }
343
+ .table.tbl-xxl-shad thead tr th {
344
+ box-shadow: 4px 4px 8px #ccc;
345
+ z-index: 11;
346
+ }
347
+ .table.tbl-xxl-shad thead tr th:last-child {
348
+ box-shadow: 4px 4px 8px #ccc;
349
+ z-index: -1;
350
+ }
351
+ .table.tbl-xxl-bg-strip-2 tr:nth-child(2n+2) td {
352
+ background-color: #ededed;
353
+ }
354
+ .table.tbl-xxl-bg-strip-5 tr:nth-child(5n+5) td {
355
+ background-color: #ededed;
356
+ }
357
+ .table.tbl-xxl-sticky {
358
+ position: relative;
359
+ }
360
+ .table.tbl-xxl-sticky thead tr,
361
+ .table.tbl-xxl-sticky .thead .tr {
362
+ position: static;
363
+ }
364
+ .table.tbl-xxl-sticky thead tr th,
365
+ .table.tbl-xxl-sticky thead tr .th,
366
+ .table.tbl-xxl-sticky .thead .tr th,
367
+ .table.tbl-xxl-sticky .thead .tr .th {
368
+ background-color: #ededed;
369
+ position: sticky;
370
+ top: 0;
371
+ }
296
372
  }