react-jam-ui/components/Radio/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 });

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

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

.radio {
    font-weight: 400;
    position: relative;
    
    input {
    }
    label {
        margin: 0;
        font-weight: 400;
    }

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