mirror of https://github.com/ColorlibHQ/AdminLTE
65 lines
1.6 KiB
SCSS
65 lines
1.6 KiB
SCSS
//
|
|
// General form controls (plus a few specific high-level interventions)
|
|
//
|
|
|
|
.form-control {
|
|
color: $input-color-alt;
|
|
background-color: $input-bg-alt;
|
|
border: $input-border-width solid $input-border-color-alt;
|
|
|
|
@include box-shadow($input-box-shadow-alt);
|
|
|
|
// Customize the `:focus` state to imitate native WebKit styles.
|
|
&:focus {
|
|
color: $input-focus-color-alt;
|
|
background-color: $input-focus-bg-alt;
|
|
border-color: $input-focus-border-color-alt;
|
|
@if $enable-shadows {
|
|
@include box-shadow($input-box-shadow-alt, $input-focus-box-shadow-alt);
|
|
} @else {
|
|
box-shadow: $input-focus-box-shadow-alt;
|
|
}
|
|
}
|
|
|
|
// Placeholder
|
|
&::placeholder {
|
|
color: $input-placeholder-color-alt;
|
|
}
|
|
|
|
// Disabled and read-only inputs
|
|
&:disabled,
|
|
&:read-only {
|
|
background-color: $input-disabled-bg-alt;
|
|
border-color: $input-disabled-border-color-alt;
|
|
}
|
|
|
|
// File input buttons theming
|
|
&::file-selector-button {
|
|
color: $form-file-button-color-alt;
|
|
@include gradient-bg($form-file-button-bg-alt);
|
|
border-color: inherit;
|
|
}
|
|
|
|
&:hover:not(:disabled):not(:read-only)::file-selector-button {
|
|
background-color: $form-file-button-hover-bg-alt;
|
|
}
|
|
|
|
&::-webkit-file-upload-button {
|
|
color: $form-file-button-color-alt;
|
|
@include gradient-bg($form-file-button-bg-alt);
|
|
border-color: inherit;
|
|
}
|
|
|
|
&:hover:not(:disabled):not(:read-only)::-webkit-file-upload-button {
|
|
background-color: $form-file-button-hover-bg-alt;
|
|
}
|
|
}
|
|
|
|
// Readonly controls as plain text
|
|
|
|
.form-control-plaintext {
|
|
color: $input-plaintext-color-alt;
|
|
background-color: transparent;
|
|
border: solid transparent;
|
|
}
|