1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 |
- //
- // 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;
- }
|