Ready to take your JavaScript development to the next level? Meet npm Enterprise - the ultimate in enterprise JavaScript. Learn more »

kolache

0.0.3 • Public • Published

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 {
  $colorred;
}
 
/* 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.

install

npm i kolache

Downloadsweekly downloads

1

version

0.0.3

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability