Frontend toolkit powered by CSS and Javascript.
-
Install with yarn:
yarn add nano-grid
-
Install with npm:
npm install nano-grid
-
Clone the repo:
git clone https://github.com/nano-grid/nano-grid.git
In your Javascript:
import "nano-grid/components";In your Sass:
@import "nano-grid/scss/nano-grid";Test the following structure in your project:
<nn-row breakpoint="lg">
<nn-column size="75">
<span class="nn-label nn-burn-orange">75px</span>
</nn-column>
<nn-column size="50%">
<span class="nn-label">50%</span>
</nn-column>
<nn-column size="1/2 - 80 * 2">
<span class="nn-label nn-burn-orange">calc(50% - 160px)</span>
</nn-column>
<nn-column size="85">
<span class="nn-label">85px</span>
</nn-column>
</nn-row>For full documentation, visit nano-grid.github.io.
Miguel Rivas