consul/ui/packages/consul-ui/app/components/form-elements/index.scss

35 lines
725 B
SCSS

@import './skin';
@import './layout';
%form h2 {
@extend %h200;
}
/* TODO: This is positioning the element */
/* probably should be in a special %form class*/
%form-element {
@extend %form-row;
}
%form-element > span {
@extend %form-element-label;
}
%form button + em,
%form-element > em {
@extend %form-element-note;
}
%form-element-note > code {
@extend %inline-code;
}
%form-element-error > strong {
@extend %inline-alert-error;
}
%form-element [type='text'],
%form-element [type='password'],
%form-element textarea {
@extend %form-element-text-input;
}
%form-element-text-input:hover {
@extend %form-element-text-input-hover;
}
%form-element-text-input:focus {
@extend %form-element-text-input-focus;
}