m

(n.) minimalistic stylesheets

Demo / Preview

Why?

This is not another UI Framework.

This is a lesser Skeleton CSS and has useful mixins and utilities! Feel free to use this as a starting point. Or better yet, use it for ideas.

Usage

Copy stylesheets to your project's css directory, and then run sass:

sass path/to/css/main.scss:path/to/public/folder/style.css

You should be good to go!

101

• Includes normalize.scss
• Loosely follows SUITCSS Conventions.
• Loosely follows codeguide.
• Uses Font Awesome.
• Avoid margin-top when possible.
• Variable names follows the pattern <property>-<value>[--ComponentName] (Inspired by Medium's Coding Guidelines#Variables).
  • $color-grayLight
  • $color-grayLight--Modal
  • $fontSize-large
• Colors should always be in lowercase hex values (e.g., #000)

Setup

# For development - compiles and watches for changes.
make dev

# For production - make a clean release
make