react-jam-ui/components/Checkbox/styles.styl

React JAM UI components

$default = json('default.json', { hash: true });
$layoutDefault = json('../Layout/default.json', { hash: true });
$custom = json('../../../../ui.config.json', { hash: true, optional: true });

$checkboxes = typeof($custom) != 'null' ? $custom.$checkboxes : $default.$checkboxes;
$sizes = typeof($custom) != 'null' ? $custom.$sizes : $layoutDefault.$sizes;

@import 'themes/default.styl';
@import 'themes/simple.styl';

.checkbox {
    font-weight: 400;
    position: relative;
    
    input {
    }
    label {
        margin: 0;
        font-weight: 400;
        cursor: pointer;
    }

    for type, params in $checkboxes {
        if (type == 'default') {
            & {
                define('name', params.theme)
                checkbox-{name}(params)
            }
        } else {
            &.checkbox-{type} {
                define('name', params.theme)
                checkbox-{name}(params)
            }
        }
    }
}