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

React JAM UI components

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

$forms = typeof($custom) != 'null' ? $custom.$forms : $default.$forms;

.form {
    &__row {
        &+& {
            margin-top: $forms.gap;
        }
    }

    &-label {
    }

    &-control {
        position: relative;
    }

    &-inline {
        .form-label {
            display: inline-block;
            margin: 0 10px 0 0;
            vertical-align: middle;
        }
        .form-control {
            display: inline-block;
        }
    }
}