Ittsu

Latest version

Ittsu is the main CSS and JavaScript framework used at Drawbotics for styling web components.

Usage

NOTE: Make sure you also have jQuery available globally.

From CDN

To import Ittsu from the CDN you can simply copy the following code into your HTML:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//cdn.drawbotics.com/ittsu/[latest-version]/ittsu.styles.css" >

<!-- Latest compiled and minified JS -->
<script src="//cdn.drawbotics.com/ittsu/[latest-version]/ittsu.bundle.js" ></script>

The CSS will be available globally, while to activate the JavaScript you must include the following line in your $(document).ready function:

ittsu.default.all();

You can refer to the Drawbotics Style Guide for how to use the components included in Ittsu.

As NPM module

npm install ittsu

You can then import the styles in your main .less file as follows:

@import "~ittsu/src/styles/ittsu";

or simply import it through JavaScript like any other module.

License

MIT. See LICENSE for details.