https://github.com/mitranim/stylific
[Unmaintained] Themable, responsive CSS library
https://github.com/mitranim/stylific
Last synced: 7 months ago
JSON representation
[Unmaintained] Themable, responsive CSS library
- Host: GitHub
- URL: https://github.com/mitranim/stylific
- Owner: mitranim
- Created: 2015-02-28T16:08:54.000Z (almost 11 years ago)
- Default Branch: master
- Last Pushed: 2021-08-07T09:33:36.000Z (over 4 years ago)
- Last Synced: 2025-06-20T18:39:25.651Z (7 months ago)
- Language: SCSS
- Homepage: http://mitranim.com/stylific/
- Size: 4.68 MB
- Stars: 10
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
**Deprecated**. CSS frameworks are not worth it. These days I use a much smaller CSS core without any "components". See the [repository](https://github.com/Mitranim/style-base).
## Description
`stylific` is a CSS library, similar to
[Bootstrap](http://getbootstrap.com), with a focus on modern CSS features.
See the [documentation/demo site](http://mitranim.com/stylific/).
What's good:
* No pixels. Dimensions are based on `em` and `rem`, making them easy to scale
together.
* Layouts are based on flexbox and don't use floats.
The library is written with [Sass](http://sass-lang.com). The best way to use it
is by importing into your Sass. This lets you configure stylific with variables,
use its mixins, derive styles with `@extend`, and so on.
## Installation
In a shell:
```shell
npm i --save-dev stylific
# or
bower i --save stylific
# or
jspm install stylific
```
In your Sass source (adjust the relative path to match yours):
```scss
@import './node_modules/stylific/scss/stylific';
```
Before importing, you can adjust variables exposed by the package, such as the
tagname prefix, colours, media breakpoints, fonts, and other. See
[`scss/_variables.scss`](scss/_variables.scss) for the full option reference.
**Caution**: neither Sass nor stylific account for missing vendor prefixes. You
must compensate by combining it with
[`autoprefixer`](https://github.com/postcss/autoprefixer) in your build system.
**Note**: interactive functionality, like toggling dropdowns, requires the tiny
JavaScript file included with the library.
## Contributing
If you spot a bug or have a feature suggestion, please open an [issue](https://github.com/Mitranim/stylific/issues).
To contribute code, send a pull request.
Documentation (the `gh-pages` branch) is compiled from `docs-src` in the master
branch. To contribute to the documentation, send pull requests to `master`.