{% import text from-comments ['./css/text.css'] %}
{% import color from-comments ['./css/color.css'] %}
{% import form from-comments [
'./css/input.css',
'./css/label.css',
'./components/check-label.css',
'./components/switch-label.css',
'./components/check-button.css',
'./components/select-button.css',
'./elements/range-control.css',
'./elements/rotary-control.css'
] %}
{% import grid from-comments ['./sass/grid.scss'] %}
{% import buttons from-comments ['./css/button.css'] %}
{% import thumbs from-comments ['./css/thumb.css'] %}
{% import tables from-comments ['./css/table.css'] %}
{% import bubbles from-comments ['./components/bubble.css'] %}
{% import menus from-comments ['./components/menu.css'] %}
{% import messages from-comments ['./components/message.css'] %}
{% import toggles from-comments ['./components/toggle-block.css'] %}
{% import slideshow from-comments ['./elements/slide-show/module.js', './elements/slide-show.shadow.css'] %}
{% import rangecontrol from-comments ['./elements/range-control.js', './elements/attributes.js', './elements/range-control.css', './elements/control.css'] %}
{% import rotarycontrol from-comments ['./elements/rotary-control.js', './elements/attributes.js', './elements/rotary-control.css', './elements/control.css'] %}
{% import envelopecontrol from-comments ['./elements/envelope-control.js', './elements/attributes.js', './elements/envelope-control.css', './elements/control.css'] %}
{% include templates/head.html import package.json %}
{% if DEBUG %}{% end %}
{% include templates/style.html %}
{% include templates/header.html import package.json %}
{% include templates/css.html with title="Text." docs=text %}
{% include templates/css-flex.html with title="Colour." docs=color %}
{% include templates/css.html with title="Forms." docs=form %}
{% include templates/css.html with title="Grid." docs=grid %}
{% include templates/section.html with title="Button." docs=buttons %}
{% include templates/section.html with title="Thumb." docs=thumbs %}
{% include templates/section.html with title="Table." docs=tables %}
{% include templates/section.html with title="Bubble." docs=bubbles %}
{% include templates/section.html with title="Menu." docs=menus %}
{% include templates/section.html with title="Message." docs=messages %}
{% include templates/section.html with title="Toggle." docs=toggles %}
{% include templates/element.html with data=rangecontrol %}
{% include templates/element.html with data=rotarycontrol %}
{% include templates/element.html with data=slideshow %}
{% include templates/scripts.html %}