https://github.com/aleksip/shila-css
Sass-based CSS framework
https://github.com/aleksip/shila-css
css framework sass
Last synced: 6 months ago
JSON representation
Sass-based CSS framework
- Host: GitHub
- URL: https://github.com/aleksip/shila-css
- Owner: aleksip
- License: gpl-2.0
- Created: 2017-01-15T12:50:32.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2019-09-13T08:22:16.000Z (over 6 years ago)
- Last Synced: 2025-10-09T19:16:37.832Z (6 months ago)
- Topics: css, framework, sass
- Language: CSS
- Homepage: https://aleksip.github.io/shila-css/
- Size: 516 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# shila-css
Sass-based CSS framework.
Used in:
- [Shila theme for Drupal 8](https://github.com/aleksip/shila-drupal-theme)
- [Pattern Lab Project](https://github.com/aleksip/pattern-lab-project)
## Installation
```bash
$ npm install shila-css
```
## Usage
The basic idea is to import shila-css Sass partials from `node_modules` into
your own project. shila-css is split into partials so you can only import those
parts of the framework you actually want to use.
The files containing the word `example` can be used as a template, and you can
copy them to your project.
If your project has more than one master Sass file (compiled to a corresponding
CSS file) all of them can safely import all shila-css `settings` and `tools`
partials, which do not generate any CSS. These global imports can be put into a
separate `_imports.scss` file, as has been done in the `example` files.
## Documentation
The source code contains documentation in [KSS](https://warpspire.com/kss/)
syntax. Generated HTML documentation can be found in the `docs` folder and
[online](https://aleksip.github.io/shila-css/).
## Acknowledgements
shila-css has been influenced by several projects, including
[inuitcss](https://github.com/inuitcss/inuitcss),
[Bourbon](https://www.bourbon.io/), [Bitters](https://bitters.bourbon.io/) and
[Compass](http://compass-style.org/).