https://github.com/swordcss/gridblade

A simple CSS framework built with SwordCSS and SCSS
https://github.com/swordcss/gridblade

css css-framework css-grid css-grid-layout css3 grid scss swordcss

Last synced: 3 days ago
JSON representation

A simple CSS framework built with SwordCSS and SCSS

Host: GitHub
URL: https://github.com/swordcss/gridblade
Owner: swordcss
License: mit
Created: 2020-10-17T00:41:51.000Z (over 4 years ago)
Default Branch: master
Last Pushed: 2020-12-17T05:23:43.000Z (over 4 years ago)
Last Synced: 2025-05-14T16:19:57.539Z (3 days ago)
Topics: css, css-framework, css-grid, css-grid-layout, css3, grid, scss, swordcss
Language: JavaScript
Homepage: https://swordcss.github.io/gridblade
Size: 279 KB
Stars: 6
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

README

# GridBlade

> A simple CSS grid framework built with SwordCSS and SCSS

### Installation

```
npm install --save gridblade
```

### Usage

#### Creating a Grid

The maximum number of columns and the maximum number of rows is 24. You can create a grid with

```html

```

where you fill in the number of columns and the number of rows.

#### Creating Items

Creating an item for a grid is relatively simple:

```html

This is an item

```

You of course have to keep the items inside the grid tag.

### Size

GridBlade does have a somewhat large size. It is recommended to optimize it with PurgeCSS and not to just insert it into `