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:sass-projects/sass-config-manager.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

If you like to use sass-config-mangers global variable, set

$config-manger-variables: global;

before you include sass-config-manger.

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

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
}

sass-projects/sass-config-manager