Installation

Install

To install unitone CSS in your project, execute the following command in a terminal.

$ npm install --save-dev @inc2734/unitone-css

Import CSS

To import CSS for unitone CSS, @use in your main SCSS file. In the case of HTML, you can also use <link /> to load CSS.

@use 'PATH/TO/node_modules/@inc2734/unitone-css/src/app';

Import JavaScript

To import JavaScript for unitone CSS, @import in your main JavaScript file. In the case of HTML, you can also use <script /> to load JavaScript.

import '@inc2734/unitone-css/app';

Using Layout Primitives

The unitone CSS layout primitives can be used with the following code.

For the detailed description of each layout primitives, see the Layout Primitives page.

<div data-unitone-layout="decorator -padding:1">
	<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cill</p>
</div>

Overview Typography