fieldset {
@include clearfix; padding: 2ex 1em 1ex; margin: 0 0 3ex; border: 1px solid $fieldset-border-color; border-width: 1px 0 0; background: $fieldset-background; p { margin: 0 0 .75ex; }
} legend {
padding: 0; color: $legend-color;
} input, select, option, textarea {
vertical-align: middle; font: inherit;
} input, input, input, textarea {
@include box-sizing(border-box); width: 100%;
} label {
display: block; margin-right: .5em; vertical-align: middle; .control & { display: inline-block; }
}
.form-actions {
margin: 0 .5em 3ex;
} .btn {
cursor: pointer; display: inline-block; margin: 0 1em 1.5ex 0; padding: .45ex .75em .55ex; border: 0; border-radius: 2ex; vertical-align: middle; text-decoration: none !important; outline: 0; color: $btn-color; background-color: $btn-background; &:hover, &:focus, &:active { color: $btn-hover-color; background-color: $btn-hover-background; } &.btn-primary { color: $btn-primary-color; background-color: $btn-primary-background; &:hover, &:focus, &:active { color: $btn-primary-hover-color; background: $btn-primary-hover-background; } } &.btn-cancel { color: $btn-cancel-color; background-color: $btn-cancel-background; &:hover, &:focus, &:active { color: $btn-cancel-hover-color; background: $btn-cancel-hover-background; } }
}
.updates {
padding: 1ex 1em; font-size: .7em; color: $updates-color; background: $updates-background; &:hover { color: $updates-hover-color; } dt { float: left; clear: left; margin-right: .45em; font-weight: bold; } dd { margin: 0 0 1ex; }
}
.form-link {
display: inline-block; vertical-align: text-bottom;
} .form-link-submit {
@include box-sizing(content-box); cursor: pointer; display: inline; border: 0; margin: 0; padding: 0; line-height: inherit; text-decoration: underline; font: inherit; color: inherit; background: transparent;
}