mirror of https://github.com/hashicorp/consul
35 lines
725 B
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;
|
||
|
|
}
|