An open API service indexing awesome lists of open source software.

https://github.com/afeiship/wsui-purecss-grid

Responsive percentage grid system build with sass.
https://github.com/afeiship/wsui-purecss-grid

grid grid-system layout percentage purecss responsive responsive-design wsui

Last synced: 2 months ago
JSON representation

Responsive percentage grid system build with sass.

Awesome Lists containing this project

README

        

# wsui-purecss-grid
> Responsive percentage grid system use purecss.

[![version][version-image]][version-url]
[![license][license-image]][license-url]
[![size][size-image]][size-url]
[![download][download-image]][download-url]

## installation
```shell
npm i @jswork/wsui-purecss-grid
```

## usage
```scss
// default to `scss`
@import '~@jswork/wsui-purecss-grid';

// or use `css`
@import '~@jswork/wsui-purecss-grid/dist/index.css';

/* you can customize prefix */
$wsui-purecss-grid-prefix: "wsui-" !default;
```

## documentation
- https://purecss.io/grids/

## license
Code released under [the MIT license](https://github.com/afeiship/wsui-purecss-grid/blob/master/LICENSE.txt).

[version-image]: https://img.shields.io/npm/v/@jswork/wsui-purecss-grid
[version-url]: https://npmjs.org/package/@jswork/wsui-purecss-grid

[license-image]: https://img.shields.io/npm/l/@jswork/wsui-purecss-grid
[license-url]: https://github.com/afeiship/wsui-purecss-grid/blob/master/LICENSE.txt

[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-purecss-grid
[size-url]: https://github.com/afeiship/wsui-purecss-grid/blob/master/dist/wsui-purecss-grid.min.js

[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-purecss-grid
[download-url]: https://www.npmjs.com/package/@jswork/wsui-purecss-grid