skeleton-stylus
Version:
The (un)official stylus Version of Skeleton (2.0.4): A Dead Simple, Responsive Boilerplate for Mobile-Friendly Development
82 lines (51 loc) • 3.63 kB
Markdown
# [skeleton-stylus](http://getskeleton.com)
Skeleton-Stylus is the (un)official Stylus version of [Dave Gamache's](https://twitter.com/dhg) Skeleton Framework. It currently features a stable version of Skeleton 2.0.4
-----
Skeleton is a simple, responsive boilerplate to kickstart any responsive project.
Check out <http://getskeleton.com> for documentation and details.
## Getting started
### Install Global Dependancies
* [Node.js](http://nodejs.org)
* [bower](http://bower.io): `[sudo] npm install bower -g`
* [grunt.js](http://gruntjs.com): `[sudo] npm install -g grunt-cli`
### Install Local Dependancies
* [Download zip](https://github.com/whatsnewsaes/Skeleton-Sass/archive/master.zip), [clone the repo](github-mac://openRepo/https://github.com/whatsnewsaes/Skeleton-Sass) or `bower install skeleton-styl` from your terminal
* cd to project folder
* run `[sudo] npm install` (first time users)
* run `grunt` (to watch and compile sass files)
### What's in the download?
The download includes Skeleton's CSS, ~~Normalize CSS as a reset,~~ a sample favicon, and an index.html as a starting point.
```
skeleton/
├── index.html
├── stylus/
│ └── skeleton.styl
├── images/
│ └── favicon.png
├── package.json
├── Gruntfile.js
└── README.md
```
### Contributions
The goal of skeleton-stylus is to have a mirrored Stylus repository of Skeleton. In order to keep the integrity of the original Skeleton framework, I cannot accept any features or functionality outside the original implementation of [Dave Gamache's](https://twitter.com/dhg) [Skeleton Framework](https://github.com/dhg/Skeleton). If you would like to see features, functionality, or extensions outside of the original please make a PR / or issue on the original skeleton framework.
If you have stylus improvements, additional mixins, or other helpful stylus techniques that stay within the original codebase. Feel free to make a pull request!
### Why it's awesome
Skeleton is lightweight and simple. It styles only raw HTML elements (with a few exceptions) and provides a responsive grid. Nothing more.
- Minified, it's less than a kb
- It's a starting point, not a UI framework
- ~~No compiling or installing...just vanilla CSS~~
## Browser support
- Chrome latest
- Firefox latest
- Opera latest
- Safari latest
- IE latest
The above list is non-exhaustive. Skeleton works perfectly with almost all older versions of the browsers above, though IE certainly has large degradation prior to IE9.
## License
MIT
## Colophon
Skeleton was built using [Sublime Text 3](http://www.sublimetext.com/3) and designed with [Sketch](http://bohemiancoding.com/sketch). The typeface [Raleway](http://www.google.com/fonts/specimen/Raleway) was created by [Matt McInerney](http://matt.cc/) and [Pablo Impallari](http://www.impallari.com/). Code highlighting by Google's [Prettify library](https://code.google.com/p/google-code-prettify/). Icons in the header of the documentation are all derivative work of icons from [The Noun Project](thenounproject.com). [Feather](http://thenounproject.com/term/feather/22073) by Zach VanDeHey, [Pen](http://thenounproject.com/term/pen/21163) (with cap) by Ed Harrison, [Pen](http://thenounproject.com/term/pen/32847) (with clicker) by Matthew Hall, and [Watch](http://thenounproject.com/term/watch/48015) by Julien Deveaux.
## Acknowledgement
Skeleton was created by [Dave Gamache](https://twitter.com/dhg).
Skeleton-Sass was created by [Seth Coelen](http://sethcoelen.com).
skeleton-stylus was created by [Ricky Rauch](http://rickyrauch.me).