@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.responsive.min.css ADDED
@@ -0,0 +1 @@
1
+ @media only screen and (max-width:0rem){.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:400}.text-xxxl-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-xxxl-cap{text-transform:capitalize}.text-xxxl-up{text-transform:uppercase}.text-xxxl-low{text-transform:lowercase}.text-xxxl-none{text-transform:none}.text-xxxl-full{text-transform:full-width}.text-xxxl-l{text-align:left}.text-xxxl-r{text-align:right}.text-xxxl-center{text-align:center}.text-xxxl-justify{text-align:justify}.text-xxxl-50{font-weight:var(--font-weight-50)}.text-xxxl-100{font-weight:var(--font-weight-100)}.text-xxxl-300{font-weight:var(--font-weight-300)}.text-xxxl-500{font-weight:var(--font-weight-500)}.text-xxxl-900{font-weight:var(--font-weight-900)}.text-xxxl-light{font-weight:var(--font-weight-light)}.text-xxxl-cap{font-weight:var(--font-weight-cap)}.text-xxxl-bold{font-weight:var(--font-weight-bold)}.text-xxxl-bolder{font-weight:var(--font-weight-bolder)}.text-xxxl-shad-discrete{text-shadow:var(--text-shadow-discrete)}.text-xxxl-shad-success{text-shadow:var(--text-shadow-success)}.text-xxxl-shad-info{text-shadow:var(--text-shadow-info)}.text-xxxl-shad-warning{text-shadow:var(--text-shadow-warning)}.text-xxxl-shad-alert{text-shadow:var(--text-shadow-alert)}.text-xxxl-shad-error{text-shadow:var(--text-shadow-error)}.text-xxxl-shad-yellow{text-shadow:var(--text-shadow-yellow)}.text-xxxl-shad-orange{text-shadow:var(--text-shadow-orange)}.text-xxxl-shad-red{text-shadow:var(--text-shadow-red)}.text-xxxl-shad-magenta{text-shadow:var(--text-shadow-magenta)}.text-xxxl-shad-purple{text-shadow:var(--text-shadow-purple)}.text-xxxl-shad-green{text-shadow:var(--text-shadow-green)}.text-xxxl-shad-teal{text-shadow:var(--text-shadow-teal)}.text-xxxl-shad-blue{text-shadow:var(--text-shadow-blue)}.text-xxxl-shad-dark{text-shadow:var(--text-shadow-dark)}}@media only screen and (max-width:120rem){.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:400}.text-xxl-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-xxl-cap{text-transform:capitalize}.text-xxl-up{text-transform:uppercase}.text-xxl-low{text-transform:lowercase}.text-xxl-none{text-transform:none}.text-xxl-full{text-transform:full-width}.text-xxl-l{text-align:left}.text-xxl-r{text-align:right}.text-xxl-center{text-align:center}.text-xxl-justify{text-align:justify}.text-xxl-50{font-weight:var(--font-weight-50)}.text-xxl-100{font-weight:var(--font-weight-100)}.text-xxl-300{font-weight:var(--font-weight-300)}.text-xxl-500{font-weight:var(--font-weight-500)}.text-xxl-900{font-weight:var(--font-weight-900)}.text-xxl-light{font-weight:var(--font-weight-light)}.text-xxl-cap{font-weight:var(--font-weight-cap)}.text-xxl-bold{font-weight:var(--font-weight-bold)}.text-xxl-bolder{font-weight:var(--font-weight-bolder)}.text-xxl-shad-discrete{text-shadow:var(--text-shadow-discrete)}.text-xxl-shad-success{text-shadow:var(--text-shadow-success)}.text-xxl-shad-info{text-shadow:var(--text-shadow-info)}.text-xxl-shad-warning{text-shadow:var(--text-shadow-warning)}.text-xxl-shad-alert{text-shadow:var(--text-shadow-alert)}.text-xxl-shad-error{text-shadow:var(--text-shadow-error)}.text-xxl-shad-yellow{text-shadow:var(--text-shadow-yellow)}.text-xxl-shad-orange{text-shadow:var(--text-shadow-orange)}.text-xxl-shad-red{text-shadow:var(--text-shadow-red)}.text-xxl-shad-magenta{text-shadow:var(--text-shadow-magenta)}.text-xxl-shad-purple{text-shadow:var(--text-shadow-purple)}.text-xxl-shad-green{text-shadow:var(--text-shadow-green)}.text-xxl-shad-teal{text-shadow:var(--text-shadow-teal)}.text-xxl-shad-blue{text-shadow:var(--text-shadow-blue)}.text-xxl-shad-dark{text-shadow:var(--text-shadow-dark)}}@media only screen and (max-width:90rem){.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:400}.text-xl-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-xl-cap{text-transform:capitalize}.text-xl-up{text-transform:uppercase}.text-xl-low{text-transform:lowercase}.text-xl-none{text-transform:none}.text-xl-full{text-transform:full-width}.text-xl-l{text-align:left}.text-xl-r{text-align:right}.text-xl-center{text-align:center}.text-xl-justify{text-align:justify}.text-xl-50{font-weight:var(--font-weight-50)}.text-xl-100{font-weight:var(--font-weight-100)}.text-xl-300{font-weight:var(--font-weight-300)}.text-xl-500{font-weight:var(--font-weight-500)}.text-xl-900{font-weight:var(--font-weight-900)}.text-xl-light{font-weight:var(--font-weight-light)}.text-xl-cap{font-weight:var(--font-weight-cap)}.text-xl-bold{font-weight:var(--font-weight-bold)}.text-xl-bolder{font-weight:var(--font-weight-bolder)}.text-xl-shad-discrete{text-shadow:var(--text-shadow-discrete)}.text-xl-shad-success{text-shadow:var(--text-shadow-success)}.text-xl-shad-info{text-shadow:var(--text-shadow-info)}.text-xl-shad-warning{text-shadow:var(--text-shadow-warning)}.text-xl-shad-alert{text-shadow:var(--text-shadow-alert)}.text-xl-shad-error{text-shadow:var(--text-shadow-error)}.text-xl-shad-yellow{text-shadow:var(--text-shadow-yellow)}.text-xl-shad-orange{text-shadow:var(--text-shadow-orange)}.text-xl-shad-red{text-shadow:var(--text-shadow-red)}.text-xl-shad-magenta{text-shadow:var(--text-shadow-magenta)}.text-xl-shad-purple{text-shadow:var(--text-shadow-purple)}.text-xl-shad-green{text-shadow:var(--text-shadow-green)}.text-xl-shad-teal{text-shadow:var(--text-shadow-teal)}.text-xl-shad-blue{text-shadow:var(--text-shadow-blue)}.text-xl-shad-dark{text-shadow:var(--text-shadow-dark)}}@media only screen and (max-width:64rem){.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:400}.text-lg-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-lg-cap{text-transform:capitalize}.text-lg-up{text-transform:uppercase}.text-lg-low{text-transform:lowercase}.text-lg-none{text-transform:none}.text-lg-full{text-transform:full-width}.text-lg-l{text-align:left}.text-lg-r{text-align:right}.text-lg-center{text-align:center}.text-lg-justify{text-align:justify}.text-lg-50{font-weight:var(--font-weight-50)}.text-lg-100{font-weight:var(--font-weight-100)}.text-lg-300{font-weight:var(--font-weight-300)}.text-lg-500{font-weight:var(--font-weight-500)}.text-lg-900{font-weight:var(--font-weight-900)}.text-lg-light{font-weight:var(--font-weight-light)}.text-lg-cap{font-weight:var(--font-weight-cap)}.text-lg-bold{font-weight:var(--font-weight-bold)}.text-lg-bolder{font-weight:var(--font-weight-bolder)}.text-lg-shad-discrete{text-shadow:var(--text-shadow-discrete)}.text-lg-shad-success{text-shadow:var(--text-shadow-success)}.text-lg-shad-info{text-shadow:var(--text-shadow-info)}.text-lg-shad-warning{text-shadow:var(--text-shadow-warning)}.text-lg-shad-alert{text-shadow:var(--text-shadow-alert)}.text-lg-shad-error{text-shadow:var(--text-shadow-error)}.text-lg-shad-yellow{text-shadow:var(--text-shadow-yellow)}.text-lg-shad-orange{text-shadow:var(--text-shadow-orange)}.text-lg-shad-red{text-shadow:var(--text-shadow-red)}.text-lg-shad-magenta{text-shadow:var(--text-shadow-magenta)}.text-lg-shad-purple{text-shadow:var(--text-shadow-purple)}.text-lg-shad-green{text-shadow:var(--text-shadow-green)}.text-lg-shad-teal{text-shadow:var(--text-shadow-teal)}.text-lg-shad-blue{text-shadow:var(--text-shadow-blue)}.text-lg-shad-dark{text-shadow:var(--text-shadow-dark)}}@media only screen and (max-width:48rem){.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:400}.text-md-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-md-cap{text-transform:capitalize}.text-md-up{text-transform:uppercase}.text-md-low{text-transform:lowercase}.text-md-none{text-transform:none}.text-md-full{text-transform:full-width}.text-md-l{text-align:left}.text-md-r{text-align:right}.text-md-center{text-align:center}.text-md-justify{text-align:justify}.text-md-50{font-weight:var(--font-weight-50)}.text-md-100{font-weight:var(--font-weight-100)}.text-md-300{font-weight:var(--font-weight-300)}.text-md-500{font-weight:var(--font-weight-500)}.text-md-900{font-weight:var(--font-weight-900)}.text-md-light{font-weight:var(--font-weight-light)}.text-md-cap{font-weight:var(--font-weight-cap)}.text-md-bold{font-weight:var(--font-weight-bold)}.text-md-bolder{font-weight:var(--font-weight-bolder)}.text-md-shad-discrete{text-shadow:var(--text-shadow-discrete)}.text-md-shad-success{text-shadow:var(--text-shadow-success)}.text-md-shad-info{text-shadow:var(--text-shadow-info)}.text-md-shad-warning{text-shadow:var(--text-shadow-warning)}.text-md-shad-alert{text-shadow:var(--text-shadow-alert)}.text-md-shad-error{text-shadow:var(--text-shadow-error)}.text-md-shad-yellow{text-shadow:var(--text-shadow-yellow)}.text-md-shad-orange{text-shadow:var(--text-shadow-orange)}.text-md-shad-red{text-shadow:var(--text-shadow-red)}.text-md-shad-magenta{text-shadow:var(--text-shadow-magenta)}.text-md-shad-purple{text-shadow:var(--text-shadow-purple)}.text-md-shad-green{text-shadow:var(--text-shadow-green)}.text-md-shad-teal{text-shadow:var(--text-shadow-teal)}.text-md-shad-blue{text-shadow:var(--text-shadow-blue)}.text-md-shad-dark{text-shadow:var(--text-shadow-dark)}}@media only screen and (max-width:35.7rem){.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:400}.text-sm-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-sm-cap{text-transform:capitalize}.text-sm-up{text-transform:uppercase}.text-sm-low{text-transform:lowercase}.text-sm-none{text-transform:none}.text-sm-full{text-transform:full-width}.text-sm-l{text-align:left}.text-sm-r{text-align:right}.text-sm-center{text-align:center}.text-sm-justify{text-align:justify}.text-sm-50{font-weight:var(--font-weight-50)}.text-sm-100{font-weight:var(--font-weight-100)}.text-sm-300{font-weight:var(--font-weight-300)}.text-sm-500{font-weight:var(--font-weight-500)}.text-sm-900{font-weight:var(--font-weight-900)}.text-sm-light{font-weight:var(--font-weight-light)}.text-sm-cap{font-weight:var(--font-weight-cap)}.text-sm-bold{font-weight:var(--font-weight-bold)}.text-sm-bolder{font-weight:var(--font-weight-bolder)}.text-sm-shad-discrete{text-shadow:var(--text-shadow-discrete)}.text-sm-shad-success{text-shadow:var(--text-shadow-success)}.text-sm-shad-info{text-shadow:var(--text-shadow-info)}.text-sm-shad-warning{text-shadow:var(--text-shadow-warning)}.text-sm-shad-alert{text-shadow:var(--text-shadow-alert)}.text-sm-shad-error{text-shadow:var(--text-shadow-error)}.text-sm-shad-yellow{text-shadow:var(--text-shadow-yellow)}.text-sm-shad-orange{text-shadow:var(--text-shadow-orange)}.text-sm-shad-red{text-shadow:var(--text-shadow-red)}.text-sm-shad-magenta{text-shadow:var(--text-shadow-magenta)}.text-sm-shad-purple{text-shadow:var(--text-shadow-purple)}.text-sm-shad-green{text-shadow:var(--text-shadow-green)}.text-sm-shad-teal{text-shadow:var(--text-shadow-teal)}.text-sm-shad-blue{text-shadow:var(--text-shadow-blue)}.text-sm-shad-dark{text-shadow:var(--text-shadow-dark)}}
package/lib/styles/core/theme/theme.css ADDED
@@ -0,0 +1,197 @@
1
+ .theme-text-primary {
2
+ color: var(--theme-color-primary);
3
+ }
4
+ .theme-text-primary-light {
5
+ color: var(--theme-color-primary-light);
6
+ }
7
+ .theme-text-primary-lighter {
8
+ color: var(--theme-color-primary-lighter);
9
+ }
10
+ .theme-text-primary-dark {
11
+ color: var(--theme-color-primary-dark);
12
+ }
13
+ .theme-text-primary-darker {
14
+ color: var(--theme-color-primary-darker);
15
+ }
16
+ .theme-text-primary-complement {
17
+ color: var(--theme-color-primary-complement);
18
+ }
19
+ .theme-text-primary-invert {
20
+ color: var(--theme-color-primary-invert);
21
+ }
22
+
23
+ .theme-bg-primary {
24
+ background-color: var(--theme-color-primary);
25
+ }
26
+ .theme-bg-primary-light {
27
+ background-color: var(--theme-color-primary-light);
28
+ }
29
+ .theme-bg-primary-lighter {
30
+ background-color: var(--theme-color-primary-lighter);
31
+ }
32
+ .theme-bg-primary-dark {
33
+ background-color: var(--theme-color-primary-dark);
34
+ }
35
+ .theme-bg-primary-darker {
36
+ background-color: var(--theme-color-primary-darker);
37
+ }
38
+ .theme-bg-primary-complement {
39
+ background-color: var(--theme-color-primary-complement);
40
+ }
41
+ .theme-bg-primary-invert {
42
+ background-color: var(--theme-color-primary-invert);
43
+ }
44
+
45
+ .theme-border-primary {
46
+ border-color: var(--theme-color-primary);
47
+ }
48
+ .theme-border-primary-light {
49
+ border-color: var(--theme-color-primary-light);
50
+ }
51
+ .theme-border-primary-lighter {
52
+ border-color: var(--theme-color-primary-lighter);
53
+ }
54
+ .theme-border-primary-dark {
55
+ border-color: var(--theme-color-primary-dark);
56
+ }
57
+ .theme-border-primary-darker {
58
+ border-color: var(--theme-color-primary-darker);
59
+ }
60
+ .theme-border-primary-complement {
61
+ border-color: var(--theme-color-primary-complement);
62
+ }
63
+ .theme-border-primary-invert {
64
+ border-color: var(--theme-color-primary-invert);
65
+ }
66
+
67
+ .theme-text-secondary {
68
+ color: var(--theme-color-secondary);
69
+ }
70
+ .theme-text-secondary-light {
71
+ color: var(--theme-color-secondary-light);
72
+ }
73
+ .theme-text-secondary-lighter {
74
+ color: var(--theme-color-secondary-lighter);
75
+ }
76
+ .theme-text-secondary-dark {
77
+ color: var(--theme-color-secondary-dark);
78
+ }
79
+ .theme-text-secondary-darker {
80
+ color: var(--theme-color-secondary-darker);
81
+ }
82
+ .theme-text-secondary-complement {
83
+ color: var(--theme-color-secondary-complement);
84
+ }
85
+ .theme-text-secondary-invert {
86
+ color: var(--theme-color-secondary-invert);
87
+ }
88
+
89
+ .theme-bg-secondary {
90
+ background-color: var(--theme-color-secondary);
91
+ }
92
+ .theme-bg-secondary-light {
93
+ background-color: var(--theme-color-secondary-light);
94
+ }
95
+ .theme-bg-secondary-lighter {
96
+ background-color: var(--theme-color-secondary-lighter);
97
+ }
98
+ .theme-bg-secondary-dark {
99
+ background-color: var(--theme-color-secondary-dark);
100
+ }
101
+ .theme-bg-secondary-darker {
102
+ background-color: var(--theme-color-secondary-darker);
103
+ }
104
+ .theme-bg-secondary-complement {
105
+ background-color: var(--theme-color-secondary-complement);
106
+ }
107
+ .theme-bg-secondary-invert {
108
+ background-color: var(--theme-color-secondary-invert);
109
+ }
110
+
111
+ .theme-border-secondary {
112
+ border-color: var(--theme-color-secondary);
113
+ }
114
+ .theme-border-secondary-light {
115
+ border-color: var(--theme-color-secondary-light);
116
+ }
117
+ .theme-border-secondary-lighter {
118
+ border-color: var(--theme-color-secondary-lighter);
119
+ }
120
+ .theme-border-secondary-dark {
121
+ border-color: var(--theme-color-secondary-dark);
122
+ }
123
+ .theme-border-secondary-darker {
124
+ border-color: var(--theme-color-secondary-darker);
125
+ }
126
+ .theme-border-secondary-complement {
127
+ border-color: var(--theme-color-secondary-complement);
128
+ }
129
+ .theme-border-secondary-invert {
130
+ border-color: var(--theme-color-secondary-invert);
131
+ }
132
+
133
+ .theme-text-tertiary {
134
+ color: var(--theme-color-tertiary);
135
+ }
136
+ .theme-text-tertiary-light {
137
+ color: var(--theme-color-tertiary-light);
138
+ }
139
+ .theme-text-tertiary-lighter {
140
+ color: var(--theme-color-tertiary-lighter);
141
+ }
142
+ .theme-text-tertiary-dark {
143
+ color: var(--theme-color-tertiary-dark);
144
+ }
145
+ .theme-text-tertiary-darker {
146
+ color: var(--theme-color-tertiary-darker);
147
+ }
148
+ .theme-text-tertiary-complement {
149
+ color: var(--theme-color-tertiary-complement);
150
+ }
151
+ .theme-text-tertiary-invert {
152
+ color: var(--theme-color-tertiary-invert);
153
+ }
154
+
155
+ .theme-bg-tertiary {
156
+ background-color: var(--theme-color-tertiary);
157
+ }
158
+ .theme-bg-tertiary-light {
159
+ background-color: var(--theme-color-tertiary-light);
160
+ }
161
+ .theme-bg-tertiary-lighter {
162
+ background-color: var(--theme-color-tertiary-lighter);
163
+ }
164
+ .theme-bg-tertiary-dark {
165
+ background-color: var(--theme-color-tertiary-dark);
166
+ }
167
+ .theme-bg-tertiary-darker {
168
+ background-color: var(--theme-color-tertiary-darker);
169
+ }
170
+ .theme-bg-tertiary-complement {
171
+ background-color: var(--theme-color-tertiary-complement);
172
+ }
173
+ .theme-bg-tertiary-invert {
174
+ background-color: var(--theme-color-tertiary-invert);
175
+ }
176
+
177
+ .theme-border-tertiary {
178
+ border-color: var(--theme-color-tertiary);
179
+ }
180
+ .theme-border-tertiary-light {
181
+ border-color: var(--theme-color-tertiary-light);
182
+ }
183
+ .theme-border-tertiary-lighter {
184
+ border-color: var(--theme-color-tertiary-lighter);
185
+ }
186
+ .theme-border-tertiary-dark {
187
+ border-color: var(--theme-color-tertiary-dark);
188
+ }
189
+ .theme-border-tertiary-darker {
190
+ border-color: var(--theme-color-tertiary-darker);
191
+ }
192
+ .theme-border-tertiary-complement {
193
+ border-color: var(--theme-color-tertiary-complement);
194
+ }
195
+ .theme-border-tertiary-invert {
196
+ border-color: var(--theme-color-tertiary-invert);
197
+ }
package/lib/styles/core/theme/theme.min.css ADDED
@@ -0,0 +1 @@
1
+ .theme-text-primary{color:var(--theme-color-primary)}.theme-text-primary-light{color:var(--theme-color-primary-light)}.theme-text-primary-lighter{color:var(--theme-color-primary-lighter)}.theme-text-primary-dark{color:var(--theme-color-primary-dark)}.theme-text-primary-darker{color:var(--theme-color-primary-darker)}.theme-text-primary-complement{color:var(--theme-color-primary-complement)}.theme-text-primary-invert{color:var(--theme-color-primary-invert)}.theme-bg-primary{background-color:var(--theme-color-primary)}.theme-bg-primary-light{background-color:var(--theme-color-primary-light)}.theme-bg-primary-lighter{background-color:var(--theme-color-primary-lighter)}.theme-bg-primary-dark{background-color:var(--theme-color-primary-dark)}.theme-bg-primary-darker{background-color:var(--theme-color-primary-darker)}.theme-bg-primary-complement{background-color:var(--theme-color-primary-complement)}.theme-bg-primary-invert{background-color:var(--theme-color-primary-invert)}.theme-border-primary{border-color:var(--theme-color-primary)}.theme-border-primary-light{border-color:var(--theme-color-primary-light)}.theme-border-primary-lighter{border-color:var(--theme-color-primary-lighter)}.theme-border-primary-dark{border-color:var(--theme-color-primary-dark)}.theme-border-primary-darker{border-color:var(--theme-color-primary-darker)}.theme-border-primary-complement{border-color:var(--theme-color-primary-complement)}.theme-border-primary-invert{border-color:var(--theme-color-primary-invert)}.theme-text-secondary{color:var(--theme-color-secondary)}.theme-text-secondary-light{color:var(--theme-color-secondary-light)}.theme-text-secondary-lighter{color:var(--theme-color-secondary-lighter)}.theme-text-secondary-dark{color:var(--theme-color-secondary-dark)}.theme-text-secondary-darker{color:var(--theme-color-secondary-darker)}.theme-text-secondary-complement{color:var(--theme-color-secondary-complement)}.theme-text-secondary-invert{color:var(--theme-color-secondary-invert)}.theme-bg-secondary{background-color:var(--theme-color-secondary)}.theme-bg-secondary-light{background-color:var(--theme-color-secondary-light)}.theme-bg-secondary-lighter{background-color:var(--theme-color-secondary-lighter)}.theme-bg-secondary-dark{background-color:var(--theme-color-secondary-dark)}.theme-bg-secondary-darker{background-color:var(--theme-color-secondary-darker)}.theme-bg-secondary-complement{background-color:var(--theme-color-secondary-complement)}.theme-bg-secondary-invert{background-color:var(--theme-color-secondary-invert)}.theme-border-secondary{border-color:var(--theme-color-secondary)}.theme-border-secondary-light{border-color:var(--theme-color-secondary-light)}.theme-border-secondary-lighter{border-color:var(--theme-color-secondary-lighter)}.theme-border-secondary-dark{border-color:var(--theme-color-secondary-dark)}.theme-border-secondary-darker{border-color:var(--theme-color-secondary-darker)}.theme-border-secondary-complement{border-color:var(--theme-color-secondary-complement)}.theme-border-secondary-invert{border-color:var(--theme-color-secondary-invert)}.theme-text-tertiary{color:var(--theme-color-tertiary)}.theme-text-tertiary-light{color:var(--theme-color-tertiary-light)}.theme-text-tertiary-lighter{color:var(--theme-color-tertiary-lighter)}.theme-text-tertiary-dark{color:var(--theme-color-tertiary-dark)}.theme-text-tertiary-darker{color:var(--theme-color-tertiary-darker)}.theme-text-tertiary-complement{color:var(--theme-color-tertiary-complement)}.theme-text-tertiary-invert{color:var(--theme-color-tertiary-invert)}.theme-bg-tertiary{background-color:var(--theme-color-tertiary)}.theme-bg-tertiary-light{background-color:var(--theme-color-tertiary-light)}.theme-bg-tertiary-lighter{background-color:var(--theme-color-tertiary-lighter)}.theme-bg-tertiary-dark{background-color:var(--theme-color-tertiary-dark)}.theme-bg-tertiary-darker{background-color:var(--theme-color-tertiary-darker)}.theme-bg-tertiary-complement{background-color:var(--theme-color-tertiary-complement)}.theme-bg-tertiary-invert{background-color:var(--theme-color-tertiary-invert)}.theme-border-tertiary{border-color:var(--theme-color-tertiary)}.theme-border-tertiary-light{border-color:var(--theme-color-tertiary-light)}.theme-border-tertiary-lighter{border-color:var(--theme-color-tertiary-lighter)}.theme-border-tertiary-dark{border-color:var(--theme-color-tertiary-dark)}.theme-border-tertiary-darker{border-color:var(--theme-color-tertiary-darker)}.theme-border-tertiary-complement{border-color:var(--theme-color-tertiary-complement)}.theme-border-tertiary-invert{border-color:var(--theme-color-tertiary-invert)}
package/lib/styles/core/vars.css ADDED
@@ -0,0 +1,278 @@
1
+ /* cssFabric vars */
2
+ :root {
3
+ /* theme primary colors*/
4
+ --theme-color-primary: #0288d1;
5
+ --theme-color-primary-light: #23b0fd;
6
+ --theme-color-primary-lighter: #6ecbfe;
7
+ --theme-color-primary-dark: #02679e;
8
+ --theme-color-primary-darker: #01466c;
9
+ --theme-color-primary-complement: #d14b02;
10
+ --theme-color-primary-invert: #fd772e;
11
+ --theme-color-primary-alpha-low: rgba(2, 136, 209, 0.8);
12
+ --theme-color-primary-alpha-mid: rgba(2, 136, 209, 0.3);
13
+ --theme-color-primary-alpha-high: rgba(2, 136, 209, 0.1);
14
+ /* theme secondary colors*/
15
+ --theme-color-secondary: #d14b02;
16
+ --theme-color-secondary-light: #fd7023;
17
+ --theme-color-secondary-lighter: #fea16e;
18
+ --theme-color-secondary-dark: #9e3902;
19
+ --theme-color-secondary-darker: #6c2701;
20
+ --theme-color-secondary-complement: #0288d1;
21
+ --theme-color-secondary-invert: #2eb4fd;
22
+ --theme-color-secondary-alpha-low: rgba(209, 75, 2, 0.8);
23
+ --theme-color-secondary-alpha-mid: rgba(209, 75, 2, 0.3);
24
+ --theme-color-secondary-alpha-high: rgba(209, 75, 2, 0.1);
25
+ /* theme tertiary colors*/
26
+ --theme-color-tertiary: #2eb4fd;
27
+ --theme-color-tertiary-light: #7acffe;
28
+ --theme-color-tertiary-lighter: #c6eafe;
29
+ --theme-color-tertiary-dark: #02a0f6;
30
+ --theme-color-tertiary-darker: #027fc3;
31
+ --theme-color-tertiary-complement: #fd772e;
32
+ --theme-color-tertiary-invert: #d14b02;
33
+ --theme-color-tertiary-alpha-low: rgba(46, 180, 253, 0.8);
34
+ --theme-color-tertiary-alpha-mid: rgba(46, 180, 253, 0.3);
35
+ --theme-color-tertiary-alpha-high: rgba(46, 180, 253, 0.1);
36
+ --theme-color-foreground: #282230;
37
+ --theme-color-text: #282230;
38
+ --theme-color-background: #f1f1f1;
39
+ --theme-color-paper: #ededed;
40
+ --theme-color-border: var(--theme-color-primary-alpha-mid);
41
+ --theme-color-overlay: "";
42
+ /* color-scheme */
43
+ --color-scheme-discrete: #ccc;
44
+ --color-scheme-discrete-light: #f2f2f2;
45
+ --color-scheme-discrete-dark: #b3b3b3;
46
+ --color-scheme-success: green;
47
+ --color-scheme-success-light: #00cd00;
48
+ --color-scheme-success-dark: #004d00;
49
+ --color-scheme-info: #ffdd57;
50
+ --color-scheme-info-light: #ffeda3;
51
+ --color-scheme-info-dark: #ffd324;
52
+ --color-scheme-warning: #e6b905;
53
+ --color-scheme-warning-light: #fbd53c;
54
+ --color-scheme-warning-dark: #b49104;
55
+ --color-scheme-alert: #ff7300;
56
+ --color-scheme-alert-light: #ff9d4d;
57
+ --color-scheme-alert-dark: #cc5c00;
58
+ --color-scheme-error: red;
59
+ --color-scheme-error-light: #ff4d4d;
60
+ --color-scheme-error-dark: #cc0000;
61
+ /* color-palette */
62
+ /* color-palette yellow */
63
+ --color-palette-yellow: #ffb900;
64
+ --color-palette-yellow-lighter: #ffe399;
65
+ --color-palette-yellow-light: #ffce4d;
66
+ --color-palette-yellow-dark: #cc9400;
67
+ --color-palette-yellow-darker: #996f00;
68
+ --color-palette-yellow-complement: #0046ff;
69
+ --color-palette-yellow-invert: #0046ff;
70
+ --color-palette-yellow-alpha-low: rgba(255, 185, 0, 0.8);
71
+ --color-palette-yellow-alpha-mid: rgba(255, 185, 0, 0.3);
72
+ --color-palette-yellow-alpha-high: rgba(255, 185, 0, 0.1);
73
+ /* color-palette orange */
74
+ --color-palette-orange: #d83b01;
75
+ --color-palette-orange-lighter: #fe9974;
76
+ --color-palette-orange-light: #fe6127;
77
+ --color-palette-orange-dark: #a52d01;
78
+ --color-palette-orange-darker: #721f01;
79
+ --color-palette-orange-complement: #019ed8;
80
+ --color-palette-orange-invert: #27c4fe;
81
+ --color-palette-orange-alpha-low: rgba(216, 59, 1, 0.8);
82
+ --color-palette-orange-alpha-mid: rgba(216, 59, 1, 0.3);
83
+ --color-palette-orange-alpha-high: rgba(216, 59, 1, 0.1);
84
+ /* color-palette red */
85
+ --color-palette-red: #d13438;
86
+ --color-palette-red-lighter: #edb1b2;
87
+ --color-palette-red-light: #df7275;
88
+ --color-palette-red-dark: #ab272a;
89
+ --color-palette-red-darker: #821d20;
90
+ --color-palette-red-complement: #34d1cd;
91
+ --color-palette-red-invert: #2ecbc7;
92
+ --color-palette-red-alpha-low: rgba(209, 52, 56, 0.8);
93
+ --color-palette-red-alpha-mid: rgba(209, 52, 56, 0.3);
94
+ --color-palette-red-alpha-high: rgba(209, 52, 56, 0.1);
95
+ /* color-palette magenta */
96
+ --color-palette-magenta: #b4009e;
97
+ --color-palette-magenta-lighter: #ff4ee9;
98
+ --color-palette-magenta-light: #ff02e0;
99
+ --color-palette-magenta-dark: #810071;
100
+ --color-palette-magenta-darker: #4e0044;
101
+ --color-palette-magenta-complement: #00b416;
102
+ --color-palette-magenta-invert: #4bff61;
103
+ --color-palette-magenta-alpha-low: rgba(180, 0, 158, 0.8);
104
+ --color-palette-magenta-alpha-mid: rgba(180, 0, 158, 0.3);
105
+ --color-palette-magenta-alpha-high: rgba(180, 0, 158, 0.1);
106
+ /* color-palette purple */
107
+ --color-palette-purple: #5c2d91;
108
+ --color-palette-purple-lighter: #a980d7;
109
+ --color-palette-purple-light: #8145c5;
110
+ --color-palette-purple-dark: #43216a;
111
+ --color-palette-purple-darker: #2b1543;
112
+ --color-palette-purple-complement: #62912d;
113
+ --color-palette-purple-invert: #a3d26e;
114
+ --color-palette-purple-alpha-low: rgba(92, 45, 145, 0.8);
115
+ --color-palette-purple-alpha-mid: rgba(92, 45, 145, 0.3);
116
+ --color-palette-purple-alpha-high: rgba(92, 45, 145, 0.1);
117
+ /* color-palette green */
118
+ --color-palette-green: #107c10;
119
+ --color-palette-green-lighter: #3fe63f;
120
+ --color-palette-green-light: #19c019;
121
+ --color-palette-green-dark: #0a4f0a;
122
+ --color-palette-green-darker: #042204;
123
+ --color-palette-green-complement: #7c107c;
124
+ --color-palette-green-invert: #ef83ef;
125
+ --color-palette-green-alpha-low: rgba(16, 124, 16, 0.8);
126
+ --color-palette-green-alpha-mid: rgba(16, 124, 16, 0.3);
127
+ --color-palette-green-alpha-high: rgba(16, 124, 16, 0.1);
128
+ /* color-palette teal */
129
+ --color-palette-teal: #008272;
130
+ --color-palette-teal-lighter: #1cffe3;
131
+ --color-palette-teal-light: #00cfb5;
132
+ --color-palette-teal-dark: #004f45;
133
+ --color-palette-teal-darker: #001c19;
134
+ --color-palette-teal-complement: #820010;
135
+ --color-palette-teal-invert: #ff7d8d;
136
+ --color-palette-teal-alpha-low: rgba(0, 130, 114, 0.8);
137
+ --color-palette-teal-alpha-mid: rgba(0, 130, 114, 0.3);
138
+ --color-palette-teal-alpha-high: rgba(0, 130, 114, 0.1);
139
+ /* color-palette blue */
140
+ --color-palette-blue: #0078d4;
141
+ --color-palette-blue-lighter: #6ec0ff;
142
+ --color-palette-blue-light: #229fff;
143
+ --color-palette-blue-dark: #005ba1;
144
+ --color-palette-blue-darker: #003e6e;
145
+ --color-palette-blue-complement: #d45c00;
146
+ --color-palette-blue-invert: #ff872b;
147
+ --color-palette-blue-alpha-low: rgba(0, 120, 212, 0.8);
148
+ --color-palette-blue-alpha-mid: rgba(0, 120, 212, 0.3);
149
+ --color-palette-blue-alpha-high: rgba(0, 120, 212, 0.1);
150
+ /* color-palette dark */
151
+ --color-palette-dark: #323232;
152
+ --color-palette-dark-lighter: #7f7f7f;
153
+ --color-palette-dark-light: #585858;
154
+ --color-palette-dark-dark: #191919;
155
+ --color-palette-dark-darker: black;
156
+ --color-palette-dark-complement: #323232;
157
+ --color-palette-dark-invert: #cdcdcd;
158
+ --color-palette-dark-alpha-low: rgba(50, 50, 50, 0.8);
159
+ --color-palette-dark-alpha-mid: rgba(50, 50, 50, 0.3);
160
+ --color-palette-dark-alpha-high: rgba(50, 50, 50, 0.1);
161
+ /* grays */
162
+ --color-gray-100: #f4f4f4;
163
+ --color-gray-100-alpha-low: rgba(244, 244, 244, 0.8);
164
+ --color-gray-200: #e9e9e9;
165
+ --color-gray-200-alpha-low: rgba(233, 233, 233, 0.8);
166
+ --color-gray-300: #dddddd;
167
+ --color-gray-300-alpha-low: rgba(221, 221, 221, 0.8);
168
+ --color-gray-400: #d2d2d2;
169
+ --color-gray-400-alpha-low: rgba(210, 210, 210, 0.8);
170
+ --color-gray-500: #c7c7c7;
171
+ --color-gray-500-alpha-low: rgba(199, 199, 199, 0.8);
172
+ --color-gray-600: #bbbbbb;
173
+ --color-gray-600-alpha-low: rgba(187, 187, 187, 0.8);
174
+ --color-gray-700: #b0b0b0;
175
+ --color-gray-700-alpha-low: rgba(176, 176, 176, 0.8);
176
+ --color-gray-800: #a4a4a4;
177
+ --color-gray-800-alpha-low: rgba(164, 164, 164, 0.8);
178
+ --color-gray-900: #999999;
179
+ --color-gray-900-alpha-low: rgba(153, 153, 153, 0.8);
180
+ /* shadows */
181
+ --box-shad-1: 0 0.8333333333px 1.724137931px 0 rgba(0, 0, 0, 0.15), 0 0.1526717557px 0.4651162791px 0 rgba(0, 0, 0, 0.1);
182
+ --box-shad-2: 0 1.6666666667px 3.4482758621px 0 rgba(0, 0, 0, 0.15), 0 0.3053435115px 0.9302325581px 0 rgba(0, 0, 0, 0.1);
183
+ --box-shad-3: 0 2.5px 5.1724137931px 0 rgba(0, 0, 0, 0.15), 0 0.4580152672px 1.3953488372px 0 rgba(0, 0, 0, 0.1);
184
+ --box-shad-4: 0 3.3333333333px 6.8965517241px 0 rgba(0, 0, 0, 0.15), 0 0.6106870229px 1.8604651163px 0 rgba(0, 0, 0, 0.1);
185
+ --box-shad-5: 0 4.1666666667px 8.6206896552px 0 rgba(0, 0, 0, 0.15), 0 0.7633587786px 2.3255813953px 0 rgba(0, 0, 0, 0.1);
186
+ --box-shad-6: 0 5px 10.3448275862px 0 rgba(0, 0, 0, 0.15), 0 0.9160305344px 2.7906976744px 0 rgba(0, 0, 0, 0.1);
187
+ --box-shad-7: 0 5.8333333333px 12.0689655172px 0 rgba(0, 0, 0, 0.15), 0 1.0687022901px 3.2558139535px 0 rgba(0, 0, 0, 0.1);
188
+ --box-shad-8: 0 6.6666666667px 13.7931034483px 0 rgba(0, 0, 0, 0.15), 0 1.2213740458px 3.7209302326px 0 rgba(0, 0, 0, 0.1);
189
+ --box-shad-9: 0 7.5px 15.5172413793px 0 rgba(0, 0, 0, 0.15), 0 1.3740458015px 4.1860465116px 0 rgba(0, 0, 0, 0.1);
190
+ --box-shad-10: 0 8.3333333333px 17.2413793103px 0 rgba(0, 0, 0, 0.15), 0 1.5267175573px 4.6511627907px 0 rgba(0, 0, 0, 0.1);
191
+ /* boxes */
192
+ --box-sp-1: 0.5rem;
193
+ --box-sp-2: 1rem;
194
+ --box-sp-3: 1.5rem;
195
+ --box-sp-4: 2rem;
196
+ --box-sp-5: 2.5rem;
197
+ --box-sp-6: 3rem;
198
+ --box-sp-7: 3.5rem;
199
+ --box-sp-8: 4rem;
200
+ --box-sp-9: 4.5rem;
201
+ --box-sp-10: 5rem;
202
+ --box-sp-11: 5.5rem;
203
+ --box-sp-12: 6rem;
204
+ --box-sp-13: 6.5rem;
205
+ --box-sp-14: 7rem;
206
+ --box-sp-15: 7.5rem;
207
+ --box-sp-16: 8rem;
208
+ --box-sp-17: 8.5rem;
209
+ --box-sp-18: 9rem;
210
+ --box-sp-19: 9.5rem;
211
+ --box-sp-20: 10rem;
212
+ --box-sp-21: 10.5rem;
213
+ --box-sp-22: 11rem;
214
+ --box-sp-23: 11.5rem;
215
+ --box-sp-24: 12rem;
216
+ --box-sp-25: 12.5rem;
217
+ --box-sp-26: 13rem;
218
+ --box-sp-27: 13.5rem;
219
+ --box-sp-28: 14rem;
220
+ --box-sp-29: 14.5rem;
221
+ --box-sp-30: 15rem;
222
+ --box-sp-31: 15.5rem;
223
+ --box-sp-32: 16rem;
224
+ /* text */
225
+ /*Hs*/
226
+ --font-size-h1: 3.1rem;
227
+ --font-size-h2: 2.68rem;
228
+ --font-size-h3: 2.26rem;
229
+ --font-size-h4: 1.84rem;
230
+ --font-size-h5: 1.42rem;
231
+ --font-size-h6: 1rem;
232
+ /*weight*/
233
+ --font-weight-50: 50;
234
+ --font-weight-100: 100;
235
+ --font-weight-300: 400;
236
+ --font-weight-500: 500;
237
+ --font-weight-900: 900;
238
+ --font-weight-light: lighter;
239
+ --font-weight-cap: normal;
240
+ --font-weight-bold: bold;
241
+ --font-weight-bolder: bolder;
242
+ /*text shadows color_schemes*/
243
+ --text-shadow-discrete: 0 0 0.125em #ccc;
244
+ --text-shadow-success: 0 0 0.125em green;
245
+ --text-shadow-info: 0 0 0.125em #ffdd57;
246
+ --text-shadow-warning: 0 0 0.125em #e6b905;
247
+ --text-shadow-alert: 0 0 0.125em #ff7300;
248
+ --text-shadow-error: 0 0 0.125em red;
249
+ /*text-shadows color_palette */
250
+ --text-shadow-yellow: 0 0 0.125em #ffb900;
251
+ --text-shadow-orange: 0 0 0.125em #d83b01;
252
+ --text-shadow-red: 0 0 0.125em #d13438;
253
+ --text-shadow-magenta: 0 0 0.125em #b4009e;
254
+ --text-shadow-purple: 0 0 0.125em #5c2d91;
255
+ --text-shadow-green: 0 0 0.125em #107c10;
256
+ --text-shadow-teal: 0 0 0.125em #008272;
257
+ --text-shadow-blue: 0 0 0.125em #0078d4;
258
+ --text-shadow-dark: 0 0 0.125em #323232;
259
+ }
260
+
261
+ /*[data-theme="light"] {
262
+
263
+ --theme-color-foreground: #282230;
264
+ --theme-color-text: #282230;
265
+ --theme-color-background: #f1f1f1;
266
+ --theme-color-paper: #ededed;
267
+
268
+ --theme-color-border: var(--theme-color-primary-alpha-mid);
269
+ --theme-color-overlay: '';
270
+ }*/
271
+ [data-theme=dark] {
272
+ --theme-color-foreground: #f1f1f1;
273
+ --theme-color-text: #f1f1f1;
274
+ --theme-color-background: #27323a;
275
+ --theme-color-paper: #3a3b3b;
276
+ --theme-color-border: var(--theme-color-primary-alpha-mid);
277
+ --theme-color-overlay: "";
278
+ }
package/lib/styles/core/vars.min.css ADDED
@@ -0,0 +1 @@
1
+ :root{--theme-color-primary:#0288d1;--theme-color-primary-light:#23b0fd;--theme-color-primary-lighter:#6ecbfe;--theme-color-primary-dark:#02679e;--theme-color-primary-darker:#01466c;--theme-color-primary-complement:#d14b02;--theme-color-primary-invert:#fd772e;--theme-color-primary-alpha-low:rgba(2, 136, 209, 0.8);--theme-color-primary-alpha-mid:rgba(2, 136, 209, 0.3);--theme-color-primary-alpha-high:rgba(2, 136, 209, 0.1);--theme-color-secondary:#d14b02;--theme-color-secondary-light:#fd7023;--theme-color-secondary-lighter:#fea16e;--theme-color-secondary-dark:#9e3902;--theme-color-secondary-darker:#6c2701;--theme-color-secondary-complement:#0288d1;--theme-color-secondary-invert:#2eb4fd;--theme-color-secondary-alpha-low:rgba(209, 75, 2, 0.8);--theme-color-secondary-alpha-mid:rgba(209, 75, 2, 0.3);--theme-color-secondary-alpha-high:rgba(209, 75, 2, 0.1);--theme-color-tertiary:#2eb4fd;--theme-color-tertiary-light:#7acffe;--theme-color-tertiary-lighter:#c6eafe;--theme-color-tertiary-dark:#02a0f6;--theme-color-tertiary-darker:#027fc3;--theme-color-tertiary-complement:#fd772e;--theme-color-tertiary-invert:#d14b02;--theme-color-tertiary-alpha-low:rgba(46, 180, 253, 0.8);--theme-color-tertiary-alpha-mid:rgba(46, 180, 253, 0.3);--theme-color-tertiary-alpha-high:rgba(46, 180, 253, 0.1);--theme-color-foreground:#282230;--theme-color-text:#282230;--theme-color-background:#f1f1f1;--theme-color-paper:#ededed;--theme-color-border:var(--theme-color-primary-alpha-mid);--theme-color-overlay:"";--color-scheme-discrete:#ccc;--color-scheme-discrete-light:#f2f2f2;--color-scheme-discrete-dark:#b3b3b3;--color-scheme-success:green;--color-scheme-success-light:#00cd00;--color-scheme-success-dark:#004d00;--color-scheme-info:#ffdd57;--color-scheme-info-light:#ffeda3;--color-scheme-info-dark:#ffd324;--color-scheme-warning:#e6b905;--color-scheme-warning-light:#fbd53c;--color-scheme-warning-dark:#b49104;--color-scheme-alert:#ff7300;--color-scheme-alert-light:#ff9d4d;--color-scheme-alert-dark:#cc5c00;--color-scheme-error:red;--color-scheme-error-light:#ff4d4d;--color-scheme-error-dark:#cc0000;--color-palette-yellow:#ffb900;--color-palette-yellow-lighter:#ffe399;--color-palette-yellow-light:#ffce4d;--color-palette-yellow-dark:#cc9400;--color-palette-yellow-darker:#996f00;--color-palette-yellow-complement:#0046ff;--color-palette-yellow-invert:#0046ff;--color-palette-yellow-alpha-low:rgba(255, 185, 0, 0.8);--color-palette-yellow-alpha-mid:rgba(255, 185, 0, 0.3);--color-palette-yellow-alpha-high:rgba(255, 185, 0, 0.1);--color-palette-orange:#d83b01;--color-palette-orange-lighter:#fe9974;--color-palette-orange-light:#fe6127;--color-palette-orange-dark:#a52d01;--color-palette-orange-darker:#721f01;--color-palette-orange-complement:#019ed8;--color-palette-orange-invert:#27c4fe;--color-palette-orange-alpha-low:rgba(216, 59, 1, 0.8);--color-palette-orange-alpha-mid:rgba(216, 59, 1, 0.3);--color-palette-orange-alpha-high:rgba(216, 59, 1, 0.1);--color-palette-red:#d13438;--color-palette-red-lighter:#edb1b2;--color-palette-red-light:#df7275;--color-palette-red-dark:#ab272a;--color-palette-red-darker:#821d20;--color-palette-red-complement:#34d1cd;--color-palette-red-invert:#2ecbc7;--color-palette-red-alpha-low:rgba(209, 52, 56, 0.8);--color-palette-red-alpha-mid:rgba(209, 52, 56, 0.3);--color-palette-red-alpha-high:rgba(209, 52, 56, 0.1);--color-palette-magenta:#b4009e;--color-palette-magenta-lighter:#ff4ee9;--color-palette-magenta-light:#ff02e0;--color-palette-magenta-dark:#810071;--color-palette-magenta-darker:#4e0044;--color-palette-magenta-complement:#00b416;--color-palette-magenta-invert:#4bff61;--color-palette-magenta-alpha-low:rgba(180, 0, 158, 0.8);--color-palette-magenta-alpha-mid:rgba(180, 0, 158, 0.3);--color-palette-magenta-alpha-high:rgba(180, 0, 158, 0.1);--color-palette-purple:#5c2d91;--color-palette-purple-lighter:#a980d7;--color-palette-purple-light:#8145c5;--color-palette-purple-dark:#43216a;--color-palette-purple-darker:#2b1543;--color-palette-purple-complement:#62912d;--color-palette-purple-invert:#a3d26e;--color-palette-purple-alpha-low:rgba(92, 45, 145, 0.8);--color-palette-purple-alpha-mid:rgba(92, 45, 145, 0.3);--color-palette-purple-alpha-high:rgba(92, 45, 145, 0.1);--color-palette-green:#107c10;--color-palette-green-lighter:#3fe63f;--color-palette-green-light:#19c019;--color-palette-green-dark:#0a4f0a;--color-palette-green-darker:#042204;--color-palette-green-complement:#7c107c;--color-palette-green-invert:#ef83ef;--color-palette-green-alpha-low:rgba(16, 124, 16, 0.8);--color-palette-green-alpha-mid:rgba(16, 124, 16, 0.3);--color-palette-green-alpha-high:rgba(16, 124, 16, 0.1);--color-palette-teal:#008272;--color-palette-teal-lighter:#1cffe3;--color-palette-teal-light:#00cfb5;--color-palette-teal-dark:#004f45;--color-palette-teal-darker:#001c19;--color-palette-teal-complement:#820010;--color-palette-teal-invert:#ff7d8d;--color-palette-teal-alpha-low:rgba(0, 130, 114, 0.8);--color-palette-teal-alpha-mid:rgba(0, 130, 114, 0.3);--color-palette-teal-alpha-high:rgba(0, 130, 114, 0.1);--color-palette-blue:#0078d4;--color-palette-blue-lighter:#6ec0ff;--color-palette-blue-light:#229fff;--color-palette-blue-dark:#005ba1;--color-palette-blue-darker:#003e6e;--color-palette-blue-complement:#d45c00;--color-palette-blue-invert:#ff872b;--color-palette-blue-alpha-low:rgba(0, 120, 212, 0.8);--color-palette-blue-alpha-mid:rgba(0, 120, 212, 0.3);--color-palette-blue-alpha-high:rgba(0, 120, 212, 0.1);--color-palette-dark:#323232;--color-palette-dark-lighter:#7f7f7f;--color-palette-dark-light:#585858;--color-palette-dark-dark:#191919;--color-palette-dark-darker:black;--color-palette-dark-complement:#323232;--color-palette-dark-invert:#cdcdcd;--color-palette-dark-alpha-low:rgba(50, 50, 50, 0.8);--color-palette-dark-alpha-mid:rgba(50, 50, 50, 0.3);--color-palette-dark-alpha-high:rgba(50, 50, 50, 0.1);--color-gray-100:#f4f4f4;--color-gray-100-alpha-low:rgba(244, 244, 244, 0.8);--color-gray-200:#e9e9e9;--color-gray-200-alpha-low:rgba(233, 233, 233, 0.8);--color-gray-300:#dddddd;--color-gray-300-alpha-low:rgba(221, 221, 221, 0.8);--color-gray-400:#d2d2d2;--color-gray-400-alpha-low:rgba(210, 210, 210, 0.8);--color-gray-500:#c7c7c7;--color-gray-500-alpha-low:rgba(199, 199, 199, 0.8);--color-gray-600:#bbbbbb;--color-gray-600-alpha-low:rgba(187, 187, 187, 0.8);--color-gray-700:#b0b0b0;--color-gray-700-alpha-low:rgba(176, 176, 176, 0.8);--color-gray-800:#a4a4a4;--color-gray-800-alpha-low:rgba(164, 164, 164, 0.8);--color-gray-900:#999999;--color-gray-900-alpha-low:rgba(153, 153, 153, 0.8);--box-shad-1:0 0.8333333333px 1.724137931px 0 rgba(0, 0, 0, 0.15),0 0.1526717557px 0.4651162791px 0 rgba(0, 0, 0, 0.1);--box-shad-2:0 1.6666666667px 3.4482758621px 0 rgba(0, 0, 0, 0.15),0 0.3053435115px 0.9302325581px 0 rgba(0, 0, 0, 0.1);--box-shad-3:0 2.5px 5.1724137931px 0 rgba(0, 0, 0, 0.15),0 0.4580152672px 1.3953488372px 0 rgba(0, 0, 0, 0.1);--box-shad-4:0 3.3333333333px 6.8965517241px 0 rgba(0, 0, 0, 0.15),0 0.6106870229px 1.8604651163px 0 rgba(0, 0, 0, 0.1);--box-shad-5:0 4.1666666667px 8.6206896552px 0 rgba(0, 0, 0, 0.15),0 0.7633587786px 2.3255813953px 0 rgba(0, 0, 0, 0.1);--box-shad-6:0 5px 10.3448275862px 0 rgba(0, 0, 0, 0.15),0 0.9160305344px 2.7906976744px 0 rgba(0, 0, 0, 0.1);--box-shad-7:0 5.8333333333px 12.0689655172px 0 rgba(0, 0, 0, 0.15),0 1.0687022901px 3.2558139535px 0 rgba(0, 0, 0, 0.1);--box-shad-8:0 6.6666666667px 13.7931034483px 0 rgba(0, 0, 0, 0.15),0 1.2213740458px 3.7209302326px 0 rgba(0, 0, 0, 0.1);--box-shad-9:0 7.5px 15.5172413793px 0 rgba(0, 0, 0, 0.15),0 1.3740458015px 4.1860465116px 0 rgba(0, 0, 0, 0.1);--box-shad-10:0 8.3333333333px 17.2413793103px 0 rgba(0, 0, 0, 0.15),0 1.5267175573px 4.6511627907px 0 rgba(0, 0, 0, 0.1);--box-sp-1:0.5rem;--box-sp-2:1rem;--box-sp-3:1.5rem;--box-sp-4:2rem;--box-sp-5:2.5rem;--box-sp-6:3rem;--box-sp-7:3.5rem;--box-sp-8:4rem;--box-sp-9:4.5rem;--box-sp-10:5rem;--box-sp-11:5.5rem;--box-sp-12:6rem;--box-sp-13:6.5rem;--box-sp-14:7rem;--box-sp-15:7.5rem;--box-sp-16:8rem;--box-sp-17:8.5rem;--box-sp-18:9rem;--box-sp-19:9.5rem;--box-sp-20:10rem;--box-sp-21:10.5rem;--box-sp-22:11rem;--box-sp-23:11.5rem;--box-sp-24:12rem;--box-sp-25:12.5rem;--box-sp-26:13rem;--box-sp-27:13.5rem;--box-sp-28:14rem;--box-sp-29:14.5rem;--box-sp-30:15rem;--box-sp-31:15.5rem;--box-sp-32:16rem;--font-size-h1:3.1rem;--font-size-h2:2.68rem;--font-size-h3:2.26rem;--font-size-h4:1.84rem;--font-size-h5:1.42rem;--font-size-h6:1rem;--font-weight-50:50;--font-weight-100:100;--font-weight-300:400;--font-weight-500:500;--font-weight-900:900;--font-weight-light:lighter;--font-weight-cap:normal;--font-weight-bold:bold;--font-weight-bolder:bolder;--text-shadow-discrete:0 0 0.125em #ccc;--text-shadow-success:0 0 0.125em green;--text-shadow-info:0 0 0.125em #ffdd57;--text-shadow-warning:0 0 0.125em #e6b905;--text-shadow-alert:0 0 0.125em #ff7300;--text-shadow-error:0 0 0.125em red;--text-shadow-yellow:0 0 0.125em #ffb900;--text-shadow-orange:0 0 0.125em #d83b01;--text-shadow-red:0 0 0.125em #d13438;--text-shadow-magenta:0 0 0.125em #b4009e;--text-shadow-purple:0 0 0.125em #5c2d91;--text-shadow-green:0 0 0.125em #107c10;--text-shadow-teal:0 0 0.125em #008272;--text-shadow-blue:0 0 0.125em #0078d4;--text-shadow-dark:0 0 0.125em #323232}[data-theme=dark]{--theme-color-foreground:#f1f1f1;--theme-color-text:#f1f1f1;--theme-color-background:#27323a;--theme-color-paper:#3a3b3b;--theme-color-border:var(--theme-color-primary-alpha-mid);--theme-color-overlay:""}