Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Kolache

Build Status

Import and distribute configurable CSS packages via npm.

Full documentation at kolache.keithjgrant.com.

/* main.css */
@import 'button' as .button;
@import 'button:variant' as .button--danger {
  $color: red;
}

/* button.css */
@export {
  $(name) {
    display: inline-block;
    padding: 0.5em;
    border: 1px solid blue;
    background-color: blue;
  }
}

@export as 'variant' {
  $(name) {
    border-color: $color;
    color: $color;
  }
}

Compiles to:

.button {
  display: inline-block;
  padding: 0.5em;
  border: 1px solid blue;
  background-color: blue;
}

.button--danger {
  border-color: red;
  color: red;
}

Usage

postcss([require('kolache')]);

See PostCSS docs for examples for your environment.

About

Import and export configurable CSS packages using npm

Resources

License

Packages

No packages published