Joe Milazzo 3a0c796c08
Side Nav UX Changes (#3345)
Co-authored-by: Christopher <39032787+MrRobotjs@users.noreply.github.com>
Co-authored-by: Robbie Davis <robbie@therobbiedavis.com>
2024-11-07 15:21:14 -08:00

39 lines
1.0 KiB
SCSS

input:not([type="range"]), .form-control {
background-color: var(--input-bg-color);
color: var(--input-text-color);
border-color: var(--input-border-color);
&:focus {
border-color: var(--input-focused-border-color);
background-color: var(--input-bg-color);
color: var(--input-text-color);
box-shadow: 0 0 0 .25rem var(--input-focus-boxshadow-color);
}
&:read-only {
background-color: var(--input-bg-readonly-color);
cursor: initial;
}
&:disabled {
cursor: not-allowed;
pointer-events: none;
}
&::placeholder {
color: var(--input-placeholder-color);
}
}
.form-range::-webkit-slider-thumb:active, .form-range::-moz-range-thumb:active {
background-color: var(--input-range-active-color);
}
.form-range::-webkit-slider-thumb, .form-range::-moz-range-thumb {
background-color: var(--input-range-color);
}
.form-check-input[type=checkbox]:indeterminate {
background-color: var(--input-bg-color);
border-color: var(--input-border-color);
}