Support for every property (#144)

- Support for all properties
- Shorthand mixins for margins and paddings
- Support for custom properties
- Clearer way to declare `!important` rules: `@include rfs(1rem !important)` instead of `@include rfs(1rem, true)`
- Switched to mobile first approach, still possible to switch to the `max-width` media queries if needed
- Configuration variables are changed:
	- Base font size -> Base value
	- Font size unit -> Unit
- `responsive-font-size` property changed to `rfs()` function (see https://github.com/twbs/rfs/issues/116)
- Dropped `responsive-font-size` mixins
- Dropped Less 2 support since we had to work with lists
- Prevent generation of `/test/expected/main.css`
- Additional tests for new implementations
- Cleanup npm scripts examples
- Code examples in `README.md` are grouped by processor and collapsed

2 files changed, 1 insertions, 1 deletions

diff --git a/.github/rfs-graph.svg b/.github/rfs-graph.svg
index 1e0079a..d72c369 100644
--- a/.github/rfs-graph.svg
+++ b/.github/rfs-graph.svg
@@ -1 +1 @@
-<svg viewBox="0 0 1149 658" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M717 33v570" stroke="#CCC" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#AAA" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="681.4" y="13">Breakpoint:</tspan> <tspan x="703" y="29">1200</tspan></text><path d="M296 33v570" stroke="#CCC" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#AAA" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="283" y="31">360</tspan></text><path d="M500 33v570" stroke="#CCC" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#AAA" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="488" y="31">768</tspan></text><path d="M117 43v550" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><path d="M117 593h1000" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="59" y="36">font-size (px)</tspan></text><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="543.3" y="656">viewport width (px)</tspan></text><path d="M107 493h20" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="82" y="502">10</tspan></text><path d="M107 393h20" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text font-family="Helvetica" font-size="20" fill="#000" transform="translate(0 -3)"><tspan x="80" y="402">20</tspan></text><path d="M107 293h20" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="80" y="302">30</tspan></text><path d="M107 193h20" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="80" y="202">40</tspan></text><path d="M107 93h20" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="80" y="102">50</tspan></text><path d="M217 583v20" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="199" y="622">200</tspan></text><path d="M317 583v20" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="299" y="622">400</tspan></text><path d="M417 583v20" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="399" y="622">600</tspan></text><path d="M517 583v20" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="499" y="622">800</tspan></text><path d="M617 583v20" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="594" y="622">1000</tspan></text><path d="M717 583v20" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="694" y="622">1200</tspan></text><path d="M818 583v20" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="796" y="622">1400</tspan></text><path d="M917 583v20" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="894" y="622">1600</tspan></text><path d="M1017 583v20" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="994" y="622">1800</tspan></text><path d="M117 393h1010" stroke="#9633FF" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#9633FF" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="1135" y="401">20</tspan></text><text fill="#9633FF" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="277" y="391">20</tspan></text><text fill="#9633FF" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="481" y="391">20</tspan></text><text fill="#9633FF" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="697" y="391">20</tspan></text><path d="M117 433h1010" stroke="#F36" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#F36" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="1134" y="441">16</tspan></text><text fill="#AAA" font-family="Helvetica-Bold, Helvetica" font-size="11" font-weight="bold" transform="translate(0 -3)"><tspan x="0" y="399">Base font size:</tspan></text><text fill="#F36" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="277" y="432">16</tspan></text><text fill="#F36" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="481" y="432">16</tspan></text><text fill="#F36" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="697" y="432">16</tspan></text><text fill="#83C14C" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="270" y="321">~27</tspan></text><text fill="#83C14C" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="472" y="260">~34</tspan></text><text fill="#83C14C" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="694" y="194">40</tspan></text><text fill="#28B3EE" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="270" y="356">~24</tspan></text><text fill="#28B3EE" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="473" y="326">~27</tspan></text><text fill="#28B3EE" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="696" y="293">30</tspan></text><text fill="#313B45" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="270" y="284">~31</tspan></text><text fill="#313B45" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="473" y="191">~40</tspan></text><text fill="#313B45" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="694" y="93">50</tspan></text><path d="M717 293h410" stroke="#28B3EE" stroke-width="2" fill="#000" fill-rule="nonzero"/><path d="M117 383l600-90" stroke="#28B3EE" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#28B3EE" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="1133" y="301">30</tspan></text><path d="M717 193h410" stroke="#83C14C" stroke-width="2" fill="#000" fill-rule="nonzero"/><path d="M117 373l600-180" stroke="#83C14C" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#83C14C" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="1133" y="201">40</tspan></text><path d="M717 91h410" stroke="#313B45" stroke-width="2" fill="#000" fill-rule="nonzero"/><path d="M117 363L717 91" stroke="#313B45" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#313B45" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="1133" y="99">50</tspan></text></g></svg>
+<svg viewBox="0 0 1149 662" xmlns="http://www.w3.org/2000/svg" font-size="13" font-family="Helvetica, system-ui, sans-serif" stroke-width="2"><path d="M717 33v570" stroke="#CCC"/><text fill="#AAA" font-weight="bold"><tspan x="681.4" y="10">Breakpoint:</tspan> <tspan x="703" y="29">1200</tspan></text><path d="M296 33v570" stroke="#CCC"/><text fill="#AAA" font-weight="bold"><tspan x="283" y="28">360</tspan></text><path d="M500 33v570" stroke="#CCC"/><text fill="#AAA" font-weight="bold"><tspan x="488" y="28">768</tspan></text><path d="M117 43v550" stroke="#000"/><path d="M117 593h1000" stroke="#000"/><text font-size="20"><tspan x="73" y="33">value (px)</tspan></text><text font-size="20"><tspan x="543.3" y="653">viewport width (px)</tspan></text><path d="M107 493h20" stroke="#000"/><text font-size="20"><tspan x="82" y="499">10</tspan></text><path d="M107 393h20" stroke="#000"/><text font-size="20"><tspan x="80" y="399">20</tspan></text><path d="M107 293h20" stroke="#000"/><text font-size="20"><tspan x="80" y="299">30</tspan></text><path d="M107 193h20" stroke="#000"/><text font-size="20"><tspan x="80" y="199">40</tspan></text><path d="M107 93h20" stroke="#000"/><text font-size="20"><tspan x="80" y="99">50</tspan></text><path d="M217 583v20" stroke="#000"/><text font-size="20" transform="translate(0 -3)"><tspan x="199" y="622">200</tspan></text><path d="M317 583v20" stroke="#000"/><text font-size="20" transform="translate(0 -3)"><tspan x="299" y="622">400</tspan></text><path d="M417 583v20" stroke="#000"/><text font-size="20" transform="translate(0 -3)"><tspan x="399" y="622">600</tspan></text><path d="M517 583v20" stroke="#000"/><text font-size="20" transform="translate(0 -3)"><tspan x="499" y="622">800</tspan></text><path d="M617 583v20" stroke="#000"/><text font-size="20" transform="translate(0 -3)"><tspan x="594" y="622">1000</tspan></text><path d="M717 583v20" stroke="#000"/><text font-size="20" transform="translate(0 -3)"><tspan x="694" y="622">1200</tspan></text><path d="M818 583v20" stroke="#000"/><text font-size="20" transform="translate(0 -3)"><tspan x="796" y="622">1400</tspan></text><path d="M917 583v20" stroke="#000"/><text font-size="20" transform="translate(0 -3)"><tspan x="894" y="622">1600</tspan></text><path d="M1017 583v20" stroke="#000"/><text font-size="20" transform="translate(0 -3)"><tspan x="994" y="622">1800</tspan></text><path d="M117 393h1010" stroke="#9633FF"/><text fill="#9633FF" font-weight="bold" transform="translate(0 -3)"><tspan x="1135" y="401">20</tspan></text><text fill="#9633FF" font-weight="bold" transform="translate(0 -3)"><tspan x="277" y="391">20</tspan></text><text fill="#9633FF" font-weight="bold" transform="translate(0 -3)"><tspan x="481" y="391">20</tspan></text><text fill="#9633FF" font-weight="bold"><tspan x="697" y="388">20</tspan></text><path d="M117 433h1010" stroke="#F36"/><text fill="#F36" font-weight="bold"><tspan x="1134" y="438">16</tspan></text><text fill="#AAA" font-weight="bold"><tspan x="2" y="396">Base value:</tspan></text><text fill="#F36" font-weight="bold" transform="translate(0 -3)"><tspan x="277" y="432">16</tspan></text><text fill="#F36" font-weight="bold" transform="translate(0 -3)"><tspan x="481" y="432">16</tspan></text><text fill="#F36" font-weight="bold" transform="translate(0 -3)"><tspan x="697" y="432">16</tspan></text><text fill="#83C14C" font-weight="bold" transform="translate(0 -3)"><tspan x="270" y="321">~27</tspan></text><text fill="#83C14C" font-weight="bold" transform="translate(0 -3)"><tspan x="472" y="260">~34</tspan></text><text fill="#83C14C" font-weight="bold" transform="translate(0 -3)"><tspan x="694" y="194">40</tspan></text><text fill="#28B3EE" font-weight="bold" transform="translate(0 -3)"><tspan x="270" y="356">~24</tspan></text><text fill="#28B3EE" font-weight="bold" transform="translate(0 -3)"><tspan x="473" y="326">~27</tspan></text><text fill="#28B3EE" font-weight="bold" transform="translate(0 -3)"><tspan x="696" y="293">30</tspan></text><text fill="#313B45" font-weight="bold" transform="translate(0 -3)"><tspan x="270" y="284">~31</tspan></text><text fill="#313B45" font-weight="bold" transform="translate(0 -3)"><tspan x="473" y="191">~40</tspan></text><text fill="#313B45" font-weight="bold" transform="translate(0 -3)"><tspan x="694" y="93">50</tspan></text><path d="M717 293h410" stroke="#28B3EE"/><path d="M117 383l600-90" stroke="#28B3EE"/><text fill="#28B3EE" font-weight="bold" transform="translate(0 -3)"><tspan x="1133" y="301">30</tspan></text><path d="M717 193h410" stroke="#83C14C"/><path d="M117 373l600-180" stroke="#83C14C"/><text fill="#83C14C" font-weight="bold" transform="translate(0 -3)"><tspan x="1133" y="201">40</tspan></text><path d="M717 91h410" stroke="#313B45"/><path d="M117 363L717 91" stroke="#313B45"/><text fill="#313B45" font-weight="bold" transform="translate(0 -3)"><tspan x="1133" y="99">50</tspan></text></svg>
\ No newline at end of file
diff --git a/.github/rfs-rescale.gif b/.github/rfs-rescale.gif
index a27c263..d1ee4ee 100644
--- a/.github/rfs-rescale.gif
+++ b/.github/rfs-rescale.gif