shiba-css

Shiba.CSS Framework

A simple and lightweight CSS Framework built with Sass for building responsive web apps.

Usage

Import in Browser

• Download the stylesheet or use the CDN URL: https://unpkg.com/shiba-css@1.0.0/docs/css/shiba.min.css.

• Save the stylesheet and link to it in the head of your project.

Import in Node Modules

• Install:

yarn add shiba-css # npm i shiba-css

• Import:

import "shiba-css/docs/css/shiba.min.css";

Modification

Shiba.CSS is written by Sass. So you can easily modify it with your own style. Firstly, clone the repo:

git clone https://github.com/completejavascript/shiba-css.git
cd shiba-css

Then, run the project:

yarn dev # npm run dev

In the project, I define all variables in src/base/_variables.scss. You can customize the style by changing their values.

After changing, you can navigate to http://localhost:4000/ in your browser to see what you make changes.

And distribution files can be found at docs/css/shiba.min.css.

Links

Demo Shiba.CSS

Change Log

See CHANGELOG.md

License

This project is open source and available under the MIT License.

Visit me

• Blog: Complete JavaScript
• Fanpage: Complete JavaScript
• Portfolio: Lam Pham