UNPKG

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
# [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).