dialog-settings

dialog(settings) :book:

A simple key value store for module settings, to make modules more portable. With the nice side-effect that all settings can be output as native CSS variables.

Installation 💾

npm install dialog-settings

Basic usage ☝️

1. Import dialog-settings.scss

   @import 'dialog-settings/dist/dialog-settings';
   

   PS: make sure to add node_modules to your import paths

2. Setup your module by setting a names-pace and calling the setting mixin

   $module-name: 'somerandommodule';
   
   @include settings((
     gutter         : 1rem,
     color          : silver,
     color-contrast : gold
   ));
   

3. Call the setting() function.

   .#{$module-name} {
     padding: setting('gutter');
     &__submodule {
       color: setting(color);
     }
   }
   

License 👮🏼

Created with ♥ by meodai. Licensed under the MIT License.