@import '../lib/index.scss';

$display-classes: (
    'show': block,
    'hide': none,
    'flex': flex,
);

$breakpoint-has-display-classes: ('smalls', 'bigs', 'desk');

// If $breakpoint-has-spacing-classes is false, this can be ignored
$spacing-classes: (
    format: ('{%property%}' '{%direction%}' '{-}{%amount%}' '{\\@\\[}{%breakpoint%}{\\]}'),
    directions: (
        '': '',
        '-t': 'top',
        '-b': 'bottom',
        '-l': 'left',
        '-r': 'right',
        '-v': 'top' 'bottom',
        '-h': 'right' 'left',
    ),
    amounts: (
        '-0': 0,
        '': 1,
        '-quarter': 0.25,
        '-half': 0.5,
        '-2': 2,
        '-neg-quarter': -0.25,
        '-neg-half': -0.5,
        '-neg': -1,
        '-neg-2': -2,
    ),
    properties: (
        'pad': padding,
        'space': margin,
    ),
    silent: false,
);

$breakpoint-has-spacing-classes: ('smalls', 'bigs', 'desk');

$auto-scale-type: false;
$debug-fonts: false;
$debug-silent-classes: true;

@include init;

@include spacing-classes;
@include display-classes;
@include grid-init($silent: true);