Simple CSS Grid Framework


GitHub – swordcss/gridblade: A simple CSS framework built with SwordCSS and SCSS







A simple CSS framework built with SwordCSS and SCSS

Files

Permalink

Failed to load latest commit information.

Type

Name

Latest commit message

Commit time

Oct 17, 2020

Oct 17, 2020

Oct 17, 2020

Oct 17, 2020

Oct 17, 2020

Oct 17, 2020

Oct 17, 2020

Oct 17, 2020

Oct 17, 2020

Oct 17, 2020

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

<div class="gb-container-<no. of columns>-<no. of rows>"></div>

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

Creating Items

Creating an item for a grid is relatively simple:

<div class="gb-item">This is an item</div>

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 <head /> tag.

About

A simple CSS framework built with SwordCSS and SCSS

Topics

Resources

License

No releases published

No packages published



You can’t perform that action at this time.

Author: admin

Leave a Reply

Your email address will not be published.