https://github.com/thefoxis/skeletor.css

A basic, down-to-earth Stylus boilerplate for building websites and apps
https://github.com/thefoxis/skeletor.css

Last synced: 2 days ago
JSON representation

A basic, down-to-earth Stylus boilerplate for building websites and apps

• Host: GitHub
• URL: https://github.com/thefoxis/skeletor.css
• Owner: thefoxis
• License: mit
• Created: 2014-05-04T18:27:00.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2020-09-30T19:25:28.000Z (over 4 years ago)
• Last Synced: 2023-08-10T12:46:22.040Z (over 1 year ago)
• Language: CSS
• Homepage:
• Size: 172 KB
• Stars: 33
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# skeletor.css

That's what happens when you're writing unmantainable CSS:

![skeletor](http://i.imgur.com/Mc987.gif)

## Motivation

### TL;DR

* a down-to-earth minimal set up for website/app development

* no colors, no typefaces, no design decisions made for you

* 100% modular

* easily configurable through variables

* *(hopefully)* promoting sane architecture, writing clean and maintainable CSS :sunny:

* built in [Stylus](https://github.com/learnboost/stylus)

### Long story

Most of front-end frameworks ([Pure](http://purecss.io/), [Bootstrap](http://getbootstrap.com/), [Foundation](http://foundation.zurb.com/), etc.) come with predefined styles — typefaces, color palette as well as built-in components. While those are great for rapid prototyping and enabling people who are less front-end savvy they can potentially introduce a lot of unnecessary code. When mishandled months later one might wonder why CSS takes 10 seconds to load and how is it possible to have several thousand lines of CSS for a simple website. 

I like simplicity. I'm inspired by [Unix Philosophy](http://en.wikipedia.org/wiki/Unix_philosophy#Eric_Raymond.E2.80.99s_17_Unix_Rules) and [the modular ecosystem](https://www.npmjs.org/) around Node.js.

I believe it's better to have a simple, bare bones set of modules (aka files that will be imported or not) to build on, rather than a library that tries to do it all.

## Structure

```

├── styl

  └── components

    ├── base.styl

    ├── buttons.styl

    ├── forms.styl

    └── list.styl

  └── globals

    └── _variables.styl

  └── skeletor.styl

```

Intentionally there is no compiled version so you can choose which modules you need or add more to `skeletor.styl` through `@import` rule.

**Happy building!**

## License

MIT