@medyll/cssfabric 0.2.0 → 0.2.1-beta.2

package/{_generated/export.variables.md → dist/generated/cssFabric.vars.md}

@@ -1,240 +1,268 @@
-# Welcome to cssfabric
-
-
-Willing to bring my utility-first 2011 css framework to a more decent life !
-
-
-This is also a learning point about gulp, webpack, packages and friends.
-
-> yaocf !
-
-
-<br/>
-
-## Incoming features
-
-
-<br/>
-
-| modules |     |
-| ------- | --- |
-| cssfabric | cssfabric global config variables
-animation | cssfabric simplest animation module
-box | cssfabric box module to set heights, paddings, margins and shadows on all html elements
-base | cssfabric base config variables
-color | cssfabric color system: its about colors
-grid | cssfabric flex grid system module
-menu | cssfabric menu module to set menu style
-overflow | cssfabric overflow module to set overflow styles on all html elements
-scale | cssfabric scale module to set dimensions and ratios on all html elements
-table | cssfabric table module to set different table styles
-text | cssfabric text module to set text style on all html elements
-theme | 
-zindex | cssfabric zindex module to set z-index on all html elements |
-
-
-<br/>
-
-
-
-
-<br/>
-
-### More details
-
----
-
-#### <strong>module box</strong>
-
-#### [padding]
-
-
-- padding properties for html elements
-
-
- - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  pad
- - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: _&nbsp;&nbsp;t&nbsp;&nbsp;b&nbsp;&nbsp;l&nbsp;&nbsp;r&nbsp;&nbsp;all&nbsp;&nbsp;u&nbsp;&nbsp;ii&nbsp;&nbsp;tb
- - <span style='width:80px;display:inline-block;overflow:visible'><b>level keys</b></span>:<br/><span style='margin-left:20px;width:80px;display:inline-block;overflow:visible'>- _</span>: _&nbsp;&nbsp;&nbsp;&nbsp;1&nbsp;&nbsp;&nbsp;&nbsp;2&nbsp;&nbsp;&nbsp;&nbsp;3&nbsp;&nbsp;&nbsp;&nbsp;4&nbsp;&nbsp;&nbsp;&nbsp;5&nbsp;&nbsp;&nbsp;&nbsp;6&nbsp;&nbsp;&nbsp;&nbsp;7&nbsp;&nbsp;&nbsp;&nbsp;8
-
-#### [margin]
-
-
-- margin properties for html elements
-
-
- - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  marg
- - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: _&nbsp;&nbsp;t&nbsp;&nbsp;b&nbsp;&nbsp;l&nbsp;&nbsp;r&nbsp;&nbsp;all&nbsp;&nbsp;u&nbsp;&nbsp;ii&nbsp;&nbsp;tb
- - <span style='width:80px;display:inline-block;overflow:visible'><b>level keys</b></span>:<br/><span style='margin-left:20px;width:80px;display:inline-block;overflow:visible'>- _</span>: _&nbsp;&nbsp;&nbsp;&nbsp;1&nbsp;&nbsp;&nbsp;&nbsp;2&nbsp;&nbsp;&nbsp;&nbsp;3&nbsp;&nbsp;&nbsp;&nbsp;4&nbsp;&nbsp;&nbsp;&nbsp;5&nbsp;&nbsp;&nbsp;&nbsp;6&nbsp;&nbsp;&nbsp;&nbsp;7&nbsp;&nbsp;&nbsp;&nbsp;8
-
-#### [border]
-
-
-- border properties for html elements
-
-
- - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  border
- - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: _&nbsp;&nbsp;t&nbsp;&nbsp;b&nbsp;&nbsp;l&nbsp;&nbsp;r&nbsp;&nbsp;all&nbsp;&nbsp;u&nbsp;&nbsp;ii&nbsp;&nbsp;tb
- - <span style='width:80px;display:inline-block;overflow:visible'><b>level keys</b></span>:<br/><span style='margin-left:20px;width:80px;display:inline-block;overflow:visible'>- _</span>: _&nbsp;&nbsp;&nbsp;&nbsp;1&nbsp;&nbsp;&nbsp;&nbsp;2&nbsp;&nbsp;&nbsp;&nbsp;3&nbsp;&nbsp;&nbsp;&nbsp;4&nbsp;&nbsp;&nbsp;&nbsp;5
-
-#### [shadow]
-
-
-- applying shadows give depth and levels to your design
-
-
- - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  shad
- - <span style='width:80px;display:inline-block;overflow:visible'><b>level keys</b></span>:<br/><span style='margin-left:20px;width:80px;display:inline-block;overflow:visible'>- _</span>: 2&nbsp;&nbsp;&nbsp;&nbsp;4&nbsp;&nbsp;&nbsp;&nbsp;8&nbsp;&nbsp;&nbsp;&nbsp;16&nbsp;&nbsp;&nbsp;&nbsp;32&nbsp;&nbsp;&nbsp;&nbsp;64&nbsp;&nbsp;&nbsp;&nbsp;128&nbsp;&nbsp;&nbsp;&nbsp;256
-
----
-
-#### <strong>module color</strong>
-
-#### [color]
-
-
-- color for text level html elements
-
-
- - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  color
- - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: scheme&nbsp;&nbsp;palette&nbsp;&nbsp;gray
-
-#### [background-color]
-
-
-- background colors
-
-
- - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  bg
- - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: scheme&nbsp;&nbsp;palette&nbsp;&nbsp;gray
-
-#### [background-themed]
-
-
-- same as background-color, but with added contrasted color to text
-
-
- - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  bg-themed
- - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: scheme&nbsp;&nbsp;palette&nbsp;&nbsp;gray
-
-#### [border-color]
-
-
-- border colors are slightly darker to maximize surrounding effect
-
-
- - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  border-color
- - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: palette&nbsp;&nbsp;gray
-
----
-
-#### <strong>module grid</strong>
-
-#### [grid]
-
-
-- a classic grid system, and hey, it gets height !
-
-
- - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  grid
- - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: v&nbsp;&nbsp;h
-
-#### [self]
-
-
-- grid children specific classnames
-
-
- - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  self
- - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: start&nbsp;&nbsp;end&nbsp;&nbsp;stretch
-
----
-
-#### <strong>module menu</strong>
-
-#### [menu]
-
-
- - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  menu
- - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: h&nbsp;&nbsp;v
-
----
-
-#### <strong>module overflow</strong>
-
-#### [overflow]
-
-
- - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  flow
- - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: visible&nbsp;&nbsp;hidden&nbsp;&nbsp;clip&nbsp;&nbsp;scroll&nbsp;&nbsp;auto
-
-#### [overflowX]
-
-
- - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  flowX
- - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: visible&nbsp;&nbsp;hidden&nbsp;&nbsp;clip&nbsp;&nbsp;scroll&nbsp;&nbsp;auto
-
-#### [overflowY]
-
-
- - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  flowY
- - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: visible&nbsp;&nbsp;hidden&nbsp;&nbsp;clip&nbsp;&nbsp;scroll&nbsp;&nbsp;auto
-
----
-
-#### <strong>module scale</strong>
-
-#### [scale]
-
-
- - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  scale
- - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: w&nbsp;&nbsp;h
- - <span style='width:80px;display:inline-block;overflow:visible'><b>level keys</b></span>:<br/><span style='margin-left:20px;width:80px;display:inline-block;overflow:visible'>- _size</span>: full&nbsp;&nbsp;&nbsp;&nbsp;mid&nbsp;&nbsp;&nbsp;&nbsp;quarter&nbsp;&nbsp;&nbsp;&nbsp;tiers<br/><span style='margin-left:20px;width:80px;display:inline-block;overflow:visible'>- _content</span>: content-max&nbsp;&nbsp;&nbsp;&nbsp;content-min<br/><span style='margin-left:20px;width:80px;display:inline-block;overflow:visible'>- _defined-steps</span>: 1&nbsp;&nbsp;&nbsp;&nbsp;2&nbsp;&nbsp;&nbsp;&nbsp;4&nbsp;&nbsp;&nbsp;&nbsp;8&nbsp;&nbsp;&nbsp;&nbsp;16&nbsp;&nbsp;&nbsp;&nbsp;24&nbsp;&nbsp;&nbsp;&nbsp;32&nbsp;&nbsp;&nbsp;&nbsp;48&nbsp;&nbsp;&nbsp;&nbsp;64<br/><span style='margin-left:20px;width:80px;display:inline-block;overflow:visible'>- _grid-5</span>: 1-5&nbsp;&nbsp;&nbsp;&nbsp;2-5&nbsp;&nbsp;&nbsp;&nbsp;3-5&nbsp;&nbsp;&nbsp;&nbsp;4-5&nbsp;&nbsp;&nbsp;&nbsp;5-5<br/><span style='margin-left:20px;width:80px;display:inline-block;overflow:visible'>- _grid-12</span>: 1-12&nbsp;&nbsp;&nbsp;&nbsp;2-12&nbsp;&nbsp;&nbsp;&nbsp;3-12&nbsp;&nbsp;&nbsp;&nbsp;4-12&nbsp;&nbsp;&nbsp;&nbsp;5-12&nbsp;&nbsp;&nbsp;&nbsp;6-12&nbsp;&nbsp;&nbsp;&nbsp;7-12&nbsp;&nbsp;&nbsp;&nbsp;8-12&nbsp;&nbsp;&nbsp;&nbsp;9-12&nbsp;&nbsp;&nbsp;&nbsp;10-12&nbsp;&nbsp;&nbsp;&nbsp;11-12&nbsp;&nbsp;&nbsp;&nbsp;12-12
-
----
-
-#### <strong>module table</strong>
-
-#### [table]
-
-
-- is a table
-
-
- - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  table
-
----
-
-#### <strong>module text</strong>
-
-#### [text-transform]
-
-
- - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  text
- - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: cap&nbsp;&nbsp;up&nbsp;&nbsp;low&nbsp;&nbsp;none&nbsp;&nbsp;full
-
-#### [font-weight]
-
-
- - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  text
-
-#### [text-align]
-
-
- - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  text
- - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: l&nbsp;&nbsp;r&nbsp;&nbsp;center&nbsp;&nbsp;justify
-
-#### [text-shadow]
-
-
- - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  text-shad
-
----
-
-#### <strong>module theme</strong>
-
-#### [theme]
-
-
- - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  theme
- - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: text&nbsp;&nbsp;bg&nbsp;&nbsp;border
- - <span style='width:80px;display:inline-block;overflow:visible'><b>level keys</b></span>:<br/><span style='margin-left:20px;width:80px;display:inline-block;overflow:visible'>- primary</span>: _&nbsp;&nbsp;&nbsp;&nbsp;light&nbsp;&nbsp;&nbsp;&nbsp;lighter&nbsp;&nbsp;&nbsp;&nbsp;dark&nbsp;&nbsp;&nbsp;&nbsp;darker&nbsp;&nbsp;&nbsp;&nbsp;complement&nbsp;&nbsp;&nbsp;&nbsp;invert<br/><span style='margin-left:20px;width:80px;display:inline-block;overflow:visible'>- secondary</span>: _&nbsp;&nbsp;&nbsp;&nbsp;light&nbsp;&nbsp;&nbsp;&nbsp;lighter&nbsp;&nbsp;&nbsp;&nbsp;dark&nbsp;&nbsp;&nbsp;&nbsp;darker&nbsp;&nbsp;&nbsp;&nbsp;complement&nbsp;&nbsp;&nbsp;&nbsp;invert<br/><span style='margin-left:20px;width:80px;display:inline-block;overflow:visible'>- tertiary</span>: _&nbsp;&nbsp;&nbsp;&nbsp;light&nbsp;&nbsp;&nbsp;&nbsp;lighter&nbsp;&nbsp;&nbsp;&nbsp;dark&nbsp;&nbsp;&nbsp;&nbsp;darker&nbsp;&nbsp;&nbsp;&nbsp;complement&nbsp;&nbsp;&nbsp;&nbsp;invert
+# Welcome to cssfabric
+
+
+Willing to bring my utility-first 2011 css framework to a more decent life !
+
+
+This is also a learning point about gulp, webpack, packages and friends.
+
+> yaocf !
+
+
+<br/>
+
+## Incoming features
+
+
+<br/>
+
+| modules |     |
+| ------- | --- |
+| animation | cssfabric simplest animation module |
+| base | cssfabric base config variables |
+| box | cssfabric box module to set heights, paddings, margins and shadows on all html elements |
+| color | cssfabric color system: its about colors |
+| flex | cssfabric flex system module |
+| grid | cssfabric flex grid system module |
+| menu | cssfabric menu module to set menu style |
+| overflow | cssfabric overflow module to set overflow styles on all html elements |
+| scale | cssfabric scale module to set dimensions and ratios on all html elements |
+| table | cssfabric table module to set different table styles |
+| text | cssfabric text module to set text style on all html elements |
+| theme |  |
+| zindex | cssfabric zindex module to set z-index on all html elements |
+
+
+<br/>
+
+
+
+
+<br/>
+
+### More details
+
+---
+
+#### <strong>module box</strong>
+
+#### [padding]
+
+
+- padding properties for html elements
+
+
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  pad
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: _&nbsp;&nbsp;t&nbsp;&nbsp;b&nbsp;&nbsp;l&nbsp;&nbsp;r&nbsp;&nbsp;all&nbsp;&nbsp;u&nbsp;&nbsp;ii&nbsp;&nbsp;tb
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>level keys</b></span>:<br/><span style='margin-left:20px;width:80px;display:inline-block;overflow:visible'>- _</span>: _&nbsp;&nbsp;&nbsp;&nbsp;1&nbsp;&nbsp;&nbsp;&nbsp;2&nbsp;&nbsp;&nbsp;&nbsp;3&nbsp;&nbsp;&nbsp;&nbsp;4&nbsp;&nbsp;&nbsp;&nbsp;5&nbsp;&nbsp;&nbsp;&nbsp;6&nbsp;&nbsp;&nbsp;&nbsp;7&nbsp;&nbsp;&nbsp;&nbsp;8&nbsp;&nbsp;&nbsp;&nbsp;9&nbsp;&nbsp;&nbsp;&nbsp;10&nbsp;&nbsp;&nbsp;&nbsp;11&nbsp;&nbsp;&nbsp;&nbsp;12
+
+#### [margin]
+
+
+- margin properties for html elements
+
+
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  marg
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: _&nbsp;&nbsp;t&nbsp;&nbsp;b&nbsp;&nbsp;l&nbsp;&nbsp;r&nbsp;&nbsp;all&nbsp;&nbsp;u&nbsp;&nbsp;ii&nbsp;&nbsp;tb
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>level keys</b></span>:<br/><span style='margin-left:20px;width:80px;display:inline-block;overflow:visible'>- _</span>: _&nbsp;&nbsp;&nbsp;&nbsp;1&nbsp;&nbsp;&nbsp;&nbsp;2&nbsp;&nbsp;&nbsp;&nbsp;3&nbsp;&nbsp;&nbsp;&nbsp;4&nbsp;&nbsp;&nbsp;&nbsp;5&nbsp;&nbsp;&nbsp;&nbsp;6&nbsp;&nbsp;&nbsp;&nbsp;7&nbsp;&nbsp;&nbsp;&nbsp;8&nbsp;&nbsp;&nbsp;&nbsp;9&nbsp;&nbsp;&nbsp;&nbsp;10&nbsp;&nbsp;&nbsp;&nbsp;11&nbsp;&nbsp;&nbsp;&nbsp;12
+
+#### [border]
+
+
+- border properties for html elements
+
+
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  border
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: _&nbsp;&nbsp;t&nbsp;&nbsp;b&nbsp;&nbsp;l&nbsp;&nbsp;r&nbsp;&nbsp;all&nbsp;&nbsp;u&nbsp;&nbsp;ii&nbsp;&nbsp;tb
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>level keys</b></span>:<br/><span style='margin-left:20px;width:80px;display:inline-block;overflow:visible'>- _</span>: _&nbsp;&nbsp;&nbsp;&nbsp;1&nbsp;&nbsp;&nbsp;&nbsp;2&nbsp;&nbsp;&nbsp;&nbsp;3
+
+#### [radius]
+
+
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  radiusGuy
+
+#### [shadow]
+
+
+- applying shadows give depth and levels to your design
+
+
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  shad
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>level keys</b></span>:<br/><span style='margin-left:20px;width:80px;display:inline-block;overflow:visible'>- _</span>: 2&nbsp;&nbsp;&nbsp;&nbsp;4&nbsp;&nbsp;&nbsp;&nbsp;8&nbsp;&nbsp;&nbsp;&nbsp;16&nbsp;&nbsp;&nbsp;&nbsp;32
+
+---
+
+#### <strong>module color</strong>
+
+#### [color]
+
+
+- color for text level html elements
+
+
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  color
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: scheme&nbsp;&nbsp;palette&nbsp;&nbsp;gray
+
+#### [background-color]
+
+
+- background colors
+
+
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  bg
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: scheme&nbsp;&nbsp;palette&nbsp;&nbsp;gray
+
+#### [background-themed]
+
+
+- same as background-color, but with added contrasted color to text
+
+
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  bg-themed
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: scheme&nbsp;&nbsp;palette&nbsp;&nbsp;gray
+
+#### [border-color]
+
+
+- border colors are slightly darker to maximize surrounding effect
+
+
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  border-color
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: palette&nbsp;&nbsp;gray
+
+---
+
+#### <strong>module flex</strong>
+
+#### [grid]
+
+
+- a classic flex grid system, and hey, it gets height !
+
+
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  flex
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: v&nbsp;&nbsp;h
+
+#### [self]
+
+
+- flex children specific classnames
+
+
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  self
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: start&nbsp;&nbsp;end&nbsp;&nbsp;stretch
+
+---
+
+#### <strong>module grid</strong>
+
+#### [grid]
+
+
+- a classic grid system
+
+
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  grid
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: v&nbsp;&nbsp;h
+
+#### [self]
+
+
+- grid children specific classnames
+
+
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  self
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: start&nbsp;&nbsp;end&nbsp;&nbsp;stretch
+
+---
+
+#### <strong>module menu</strong>
+
+#### [menu]
+
+
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  menu
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: h&nbsp;&nbsp;v
+
+---
+
+#### <strong>module overflow</strong>
+
+#### [overflow]
+
+
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  flow
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: visible&nbsp;&nbsp;hidden&nbsp;&nbsp;clip&nbsp;&nbsp;scroll&nbsp;&nbsp;auto
+
+#### [overflowX]
+
+
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  flowX
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: visible&nbsp;&nbsp;hidden&nbsp;&nbsp;clip&nbsp;&nbsp;scroll&nbsp;&nbsp;auto
+
+#### [overflowY]
+
+
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  flowY
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: visible&nbsp;&nbsp;hidden&nbsp;&nbsp;clip&nbsp;&nbsp;scroll&nbsp;&nbsp;auto
+
+---
+
+#### <strong>module scale</strong>
+
+#### [scale]
+
+
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  scale
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: w&nbsp;&nbsp;h
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>level keys</b></span>:<br/><span style='margin-left:20px;width:80px;display:inline-block;overflow:visible'>- _size</span>: full&nbsp;&nbsp;&nbsp;&nbsp;mid&nbsp;&nbsp;&nbsp;&nbsp;quarter&nbsp;&nbsp;&nbsp;&nbsp;tiers<br/><span style='margin-left:20px;width:80px;display:inline-block;overflow:visible'>- _content</span>: content-max&nbsp;&nbsp;&nbsp;&nbsp;content-min<br/><span style='margin-left:20px;width:80px;display:inline-block;overflow:visible'>- _defined-steps</span>: 1&nbsp;&nbsp;&nbsp;&nbsp;2&nbsp;&nbsp;&nbsp;&nbsp;4&nbsp;&nbsp;&nbsp;&nbsp;8&nbsp;&nbsp;&nbsp;&nbsp;16&nbsp;&nbsp;&nbsp;&nbsp;24&nbsp;&nbsp;&nbsp;&nbsp;32&nbsp;&nbsp;&nbsp;&nbsp;48&nbsp;&nbsp;&nbsp;&nbsp;64<br/><span style='margin-left:20px;width:80px;display:inline-block;overflow:visible'>- _grid-16</span>: 1-16&nbsp;&nbsp;&nbsp;&nbsp;2-16&nbsp;&nbsp;&nbsp;&nbsp;3-16&nbsp;&nbsp;&nbsp;&nbsp;4-16&nbsp;&nbsp;&nbsp;&nbsp;5-16&nbsp;&nbsp;&nbsp;&nbsp;6-16&nbsp;&nbsp;&nbsp;&nbsp;7-16&nbsp;&nbsp;&nbsp;&nbsp;8-16&nbsp;&nbsp;&nbsp;&nbsp;9-16&nbsp;&nbsp;&nbsp;&nbsp;10-16&nbsp;&nbsp;&nbsp;&nbsp;11-16&nbsp;&nbsp;&nbsp;&nbsp;12-16&nbsp;&nbsp;&nbsp;&nbsp;13-16&nbsp;&nbsp;&nbsp;&nbsp;14-16&nbsp;&nbsp;&nbsp;&nbsp;15-16&nbsp;&nbsp;&nbsp;&nbsp;16-16
+
+---
+
+#### <strong>module table</strong>
+
+#### [table]
+
+
+- is a table
+
+
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  table
+
+---
+
+#### <strong>module text</strong>
+
+#### [text-transform]
+
+
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  text
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: cap&nbsp;&nbsp;up&nbsp;&nbsp;low&nbsp;&nbsp;none&nbsp;&nbsp;full
+
+#### [font-weight]
+
+
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  text
+
+#### [text-align]
+
+
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  text
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: l&nbsp;&nbsp;r&nbsp;&nbsp;center&nbsp;&nbsp;justify
+
+#### [text-shadow]
+
+
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  text-shad
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: palette
+
+---
+
+#### <strong>module theme</strong>
+
+#### [theme]
+
+
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>shorthand</b></span>:  theme
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>keys</b></span>: text&nbsp;&nbsp;bg&nbsp;&nbsp;border
+ - <span style='width:80px;display:inline-block;overflow:visible'><b>level keys</b></span>:<br/><span style='margin-left:20px;width:80px;display:inline-block;overflow:visible'>- primary</span>: _&nbsp;&nbsp;&nbsp;&nbsp;light&nbsp;&nbsp;&nbsp;&nbsp;lighter&nbsp;&nbsp;&nbsp;&nbsp;dark&nbsp;&nbsp;&nbsp;&nbsp;darker&nbsp;&nbsp;&nbsp;&nbsp;complement&nbsp;&nbsp;&nbsp;&nbsp;invert<br/><span style='margin-left:20px;width:80px;display:inline-block;overflow:visible'>- secondary</span>: _&nbsp;&nbsp;&nbsp;&nbsp;light&nbsp;&nbsp;&nbsp;&nbsp;lighter&nbsp;&nbsp;&nbsp;&nbsp;dark&nbsp;&nbsp;&nbsp;&nbsp;darker&nbsp;&nbsp;&nbsp;&nbsp;complement&nbsp;&nbsp;&nbsp;&nbsp;invert<br/><span style='margin-left:20px;width:80px;display:inline-block;overflow:visible'>- tertiary</span>: _&nbsp;&nbsp;&nbsp;&nbsp;light&nbsp;&nbsp;&nbsp;&nbsp;lighter&nbsp;&nbsp;&nbsp;&nbsp;dark&nbsp;&nbsp;&nbsp;&nbsp;darker&nbsp;&nbsp;&nbsp;&nbsp;complement&nbsp;&nbsp;&nbsp;&nbsp;invert

package/dist/index.d.ts

@@ -0,0 +1,119 @@
+export * from './css/animation/animation.css';
+export * from './css/animation/animation.min.css';
+export * from './css/base/base.css';
+export * from './css/base/base.min.css';
+export * from './css/box/box.css';
+export * from './css/box/box.min.css';
+export * from './css/box/box.responsive.css';
+export * from './css/box/box.responsive.min.css';
+export * from './css/color/color.css';
+export * from './css/color/color.min.css';
+export * from './css/color/color.responsive.css';
+export * from './css/color/color.responsive.min.css';
+export * from './css/cssfabric.css';
+export * from './css/cssfabric.min.css';
+export * from './css/cssfabric.responsive.css';
+export * from './css/cssfabric.responsive.min.css';
+export * from './css/flex/flex.css';
+export * from './css/flex/flex.min.css';
+export * from './css/flex/flex.responsive.css';
+export * from './css/flex/flex.responsive.min.css';
+export * from './css/grid/grid.css';
+export * from './css/grid/grid.min.css';
+export * from './css/grid/grid.responsive.css';
+export * from './css/grid/grid.responsive.min.css';
+export * from './css/menu/menu.css';
+export * from './css/menu/menu.min.css';
+export * from './css/menu/menu.responsive.css';
+export * from './css/menu/menu.responsive.min.css';
+export * from './css/overflow/overflow.css';
+export * from './css/overflow/overflow.min.css';
+export * from './css/overflow/overflow.responsive.css';
+export * from './css/overflow/overflow.responsive.min.css';
+export * from './css/scale/scale.css';
+export * from './css/scale/scale.min.css';
+export * from './css/scale/scale.responsive.css';
+export * from './css/scale/scale.responsive.min.css';
+export * from './css/table/table.css';
+export * from './css/table/table.min.css';
+export * from './css/table/table.responsive.css';
+export * from './css/table/table.responsive.min.css';
+export * from './css/text/text.css';
+export * from './css/text/text.min.css';
+export * from './css/text/text.responsive.css';
+export * from './css/text/text.responsive.min.css';
+export * from './css/theme/theme.css';
+export * from './css/theme/theme.min.css';
+export * from './css/vars.css';
+export * from './css/vars.min.css';
+export * from './css/zindex/zindex.css';
+export * from './css/zindex/zindex.min.css';
+export * from './cssf/cssf.js';
+export * from './cssf/cssfGuide.js';
+export * from './cssf/cssfLib.js';
+export * from './cssf/cssfModel.js';
+export * from './cssf/cssfPlugin.js';
+export * from './cssf/cssfTransformer.js';
+export * from './cssf/index.js';
+export * from './cssFabric/config.js';
+export * from './cssFabric/cssFabricSheet.js';
+export * from './cssFabric/cssProperties.js';
+export * from './cssFabric/cssVariationsAi.js';
+export * from './cssFabric/index.js';
+export * from './index.js';
+export { default as NewMenu } from './NewMenu.svelte';
+export * from './scripts/cssfabric.js';
+export * from './scripts/cssfabricClassNames.js';
+export * from './scripts/index.js';
+export * from './scripts/utils.js';
+export * from './scss/_utils.scss';
+export * from './scss/index.d.js';
+export * from './scss/modules/_cssfabric-config.scss';
+export * from './scss/modules/_mixins.scss';
+export * from './scss/modules/animation/_animation-vars.scss';
+export * from './scss/modules/animation/animation.scss';
+export * from './scss/modules/base/_base-vars.scss';
+export * from './scss/modules/base/base.scss';
+export * from './scss/modules/box/_box-build.scss';
+export * from './scss/modules/box/_box-vars.scss';
+export * from './scss/modules/box/box-responsive.scss';
+export * from './scss/modules/box/box.scss';
+export * from './scss/modules/color/_color-build.scss';
+export * from './scss/modules/color/_color-vars.scss';
+export * from './scss/modules/color/color-responsive.scss';
+export * from './scss/modules/color/color.scss';
+export * from './scss/modules/css-fabric.scss';
+export * from './scss/modules/flex/_flex-build.scss';
+export * from './scss/modules/flex/_flex-vars.scss';
+export * from './scss/modules/flex/flex-responsive.scss';
+export * from './scss/modules/flex/flex.scss';
+export * from './scss/modules/grid/_grid-build.scss';
+export * from './scss/modules/grid/_grid-vars.scss';
+export * from './scss/modules/grid/grid-responsive.scss';
+export * from './scss/modules/grid/grid.scss';
+export * from './scss/modules/menu/_menu-build.scss';
+export * from './scss/modules/menu/_menu-vars.scss';
+export * from './scss/modules/menu/menu-responsive.scss';
+export * from './scss/modules/menu/menu.scss';
+export * from './scss/modules/overflow/_overflow-build.scss';
+export * from './scss/modules/overflow/_overflow-vars.scss';
+export * from './scss/modules/overflow/overflow-responsive.scss';
+export * from './scss/modules/overflow/overflow.scss';
+export * from './scss/modules/scale/_scale-build.scss';
+export * from './scss/modules/scale/_scale-vars.scss';
+export * from './scss/modules/scale/scale-responsive.scss';
+export * from './scss/modules/scale/scale.scss';
+export * from './scss/modules/table/_table-build.scss';
+export * from './scss/modules/table/_table-vars.scss';
+export * from './scss/modules/table/table-responsive.scss';
+export * from './scss/modules/table/table.scss';
+export * from './scss/modules/text/_text-build.scss';
+export * from './scss/modules/text/_text-vars.scss';
+export * from './scss/modules/text/text-responsive.scss';
+export * from './scss/modules/text/text.scss';
+export * from './scss/modules/theme/_theme-build.scss';
+export * from './scss/modules/theme/_theme-vars.scss';
+export * from './scss/modules/theme/theme.scss';
+export * from './scss/modules/vars.scss';
+export * from './scss/modules/zindex/_zindex-vars.scss';
+export * from './scss/modules/zindex/zindex.scss';