Growcss-sass-config-manager NPM

sass-config-manager

Master

Bits and Pieces:

npm: Well... it's a Node.js package manager
Grunt: Automates common tasks: test, build, clean
Bower: Package manager for browser dependencies
Hound: Hound comments on style violations in GitHub pull requests

Getting Started:

You need to have npm installed (it comes with node)
Clone this repository: git clone git@github.com:anolilab/skeljs.git
Install dependencies: npm install

Install

npm install
grunt

Change log

Please see CHANGELOG for more information what has changed recently.

Testing

grunt test

How to

Usage

Include this library. If you use bower @import 'bower_components/sass-config-manager/src/scss/config-manager'; or @import 'node_modules/growcss-sass-config-manager/src/scss/config-manager';

Set default settings

// Default configuration settings
// Passing true to the 3rd parameter,
// the value is assigned to the configuration path as the default
@include config-set('color.black', #000, true);
@include config-set('color.white', #fff, true);
@include config-set('single-key', red, true);

// or assign values to a configuration path by using Map
@include config-set('color', (black: #000, white: #fff), true);

Get your settings

body {
    color: config-get('color.black');  // #000
    background-color: config-get('color.white');  // #fff
}

Compatibility

// Variables
$color-black: #000 !default;
$color-white-bg: #fff !default;

$color: (
    fg: $color-black,
    bg: $color-white-bg
) !default;

// config-set()
@include config-set('color', $color, true);

body {
    color: config-get('color.fg');  // #666666
    background-color: config-get('color.bg');  // white
}