kilmc / garnish

Garnish for your sassy css cocktails.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Garnish

Garnish for your Sassy CSS cocktails. Made to be used on top of Bourbon.

Usage

  1. Download as zip. (Bower coming soon)
  2. Include Garnish in your code with @include "src/garnish"

Included Mixins

Helpers

Grayscale Colours
A simple mixin to create gray colours at varying degrees of lightness

.margarita-salt {
  color: gray(40%);
}

Hover Fix for Leopard
This will add :hover and :focus states to whatever content you add to the @include

.mint {
  color: #4183C4;
  @include hover {
    color: #333;
  }
}

Development

Rules

  • Including Garnish should create no output. All code should be mixins and functions.
  • Garnish code should make no style decisions or assumptions. Defaults are OK.
  • Although using Bourbon is encouraged, Garnish should be library-agnostic.

Contributing

Issues and pull requests are welcome.

About

Garnish for your sassy css cocktails.

License:MIT License