// // Default Form Elements // —————————————-
.dark {
label { display: inline-block; } .form-input { background-color: $input-bgr-color; border-color: $input-border-color; @include placeholder($input-font-color-placeholder); &.hover, &:hover { // on input fields the cursor indicates focus, so we need no hover on focuesed states background-color: hsv-darken($input-bgr-color, 7%, true); } &.focus, &:focus { background-color: $input-bgr-color; } &.active, &:active { background-color: hsv-darken($input-bgr-color, 15%, true); } &.disabled, &.readonly, &[disabled], &[readonly] { background-color: $input-disabled-bgr-color; border-color: $input-disabled-border-color; color: $input-disabled-font-color; @include placeholder($input-disabled-font-color-placeholder); } } // firefox fix to prevent textareas < one line .decoration-positive { @include input-decoration-variant($color-positive, $input-border-color-positive, #fff); } .decoration-warning { @include input-decoration-variant($color-warning, $input-border-color-warning, #fff); } .decoration-negative { @include input-decoration-variant($color-negative, $input-border-color-negative, #fff); } // default checkbox/radio style .form-radio-set, .form-checkbox-set { &.disabled label { color: $input-disabled-font-color; } } .form-fieldset { > legend { color: $font-color-light; border-bottom-color: $heading-border-color; } } // fieldset width fix for ff // @-moz-document url-prefix() { // .form-fieldset { // display: table-cell; // } // } .form-select { background-color: $color-element-background; border-color: $input-border-color; color: $input-font-color; option { background-color: #fff; // reset background color } &.focus, &:focus { background-color: #ededed; outline: 0; } &.hover, &:hover { background-color: hsv-darken(#ededed, 7%, true); } &.active, &:active { background-color: hsv-darken(#ededed, 15%, true); } &.disabled, &.readonly, &[disabled], &[readonly] { background-color: #f7f7f7; border-color: $input-disabled-border-color; color: $input-disabled-font-color; @include placeholder($input-disabled-font-color-placeholder); } }
}