https://github.com/james2doyle/kube-styl
Kube CSS Framework by Imperavi, converted from LESS to Styl/Rework.
https://github.com/james2doyle/kube-styl
Last synced: about 1 year ago
JSON representation
Kube CSS Framework by Imperavi, converted from LESS to Styl/Rework.
- Host: GitHub
- URL: https://github.com/james2doyle/kube-styl
- Owner: james2doyle
- Created: 2013-07-10T23:55:15.000Z (almost 13 years ago)
- Default Branch: master
- Last Pushed: 2013-08-16T14:28:23.000Z (almost 13 years ago)
- Last Synced: 2025-04-02T22:33:08.286Z (about 1 year ago)
- Language: JavaScript
- Size: 309 KB
- Stars: 16
- Watchers: 3
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
kube-styl
========
This is a conversion of the [Kube CSS Framework](http://imperavi.com/kube/). The original is written in [LESS](http://lesscss.org/) and I have rewrote it to work with [Styl](https://github.com/visionmedia/styl) and [Rework](https://github.com/visionmedia/rework).
This project is based off the 2.0.0 version of Kube.
### Diff from LESS version
There are a lot more variables in this version. There were too many hard coded colours so I added a lot more. I also had to remove the mixins file because it didn't apply to Styl/Rework.
Mixins basically just got replaced with the extenders file which is the home for the clearfix class. This gets extended by a lot of different elements.
### Building
In order to build this project you need to have [node.js](http://nodejs.org) with [grunt](http://gruntjs.com/) installed.
Get all the development dependencies
```shell
npm install
```
then run a grunt task
```shell
grunt css
```
There is also a watching task for compiling CSS and JS on the go:
```shell
grunt watch
```