https://github.com/completejavascript/shiba-css

🐕 A simple and lightweight CSS Framework built with Sass for building responsive web apps.
https://github.com/completejavascript/shiba-css

boilderplate css css-framework custom framework sass scss shiba-css skeleton starter-kit template toolkit webapp

Last synced: 18 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/completejavascript/shiba-css
• Owner: completejavascript
• License: mit
• Created: 2019-06-16T18:15:37.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-09T22:58:17.000Z (about 2 years ago)
• Last Synced: 2023-12-25T13:12:05.785Z (about 1 year ago)
• Topics: boilderplate, css, css-framework, custom, framework, sass, scss, shiba-css, skeleton, starter-kit, template, toolkit, webapp
• Language: SCSS
• Homepage: https://completejavascript.github.io/shiba-css
• Size: 1.27 MB
• Stars: 6
• Watchers: 3
• Forks: 2
• Open Issues: 8
• Metadata Files:
  • Readme: Readme.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
## Shiba.CSS Framework

[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT) [![shiba-css on NPM](https://img.shields.io/npm/v/shiba-css.svg?color=green&label=shiba-css)](https://www.npmjs.com/package/shiba-css)

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

## Usage

### Import in Browser

- [Download the stylesheet](https://completejavascript.github.io/shiba-css/css/shiba.min.css) or use the CDN URL: [https://unpkg.com/[email protected]/docs/css/shiba.min.css](https://unpkg.com/[email protected]/docs/css/shiba.min.css).

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

### Import in Node Modules

- Install:

```bash

yarn add shiba-css # npm i shiba-css

```

- Import:

```js

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:

```bash

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

cd shiba-css

```

Then, run the project:

```bash

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](https://completejavascript.github.io/shiba-css)

## Change Log

See [CHANGELOG.md](CHANGELOG.md)

## License

This project is open source and available under the [MIT License](https://github.com/completejavascript/shiba-css/blob/master/LICENSE.md).

## Visit me

- Blog: [Complete JavaScript](https://completejavascript.com/)

- Fanpage: [Complete JavaScript](https://www.facebook.com/completejavascript/)

- Portfolio: [Lam Pham](https://about.phamvanlam.com/)