Skip to content

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

License

Notifications You must be signed in to change notification settings

thefoxis/skeletor.css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 

Repository files navigation

skeletor.css

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

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 ☀️
  • built in Stylus

Long story

Most of front-end frameworks (Pure, Bootstrap, Foundation, 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 and the modular ecosystem 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

About

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

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages