mirror of
https://github.com/bubblecup-12/VogelSocialMedia.git
synced 2025-07-07 19:18:51 +00:00
48 lines
No EOL
1.2 KiB
CSS
48 lines
No EOL
1.2 KiB
CSS
.bio-input {
|
|
margin: 0.5rem;
|
|
}
|
|
|
|
.css-53g0n7-MuiButtonBase-root-MuiIconButton-root {
|
|
justify-content: end;
|
|
}
|
|
|
|
/* Root class for the input field */
|
|
.bio-input .MuiOutlinedInput-root {
|
|
color: var(--Rotkehlchen-gray);
|
|
}
|
|
/* Class for the border around the input field */
|
|
.bio-input .MuiOutlinedInput-notchedOutline {
|
|
border-color: var(--Rotkehlchen-brown-light);
|
|
}
|
|
/* Class for the label of the input field */
|
|
.bio-input .MuiInputLabel-outlined {
|
|
color: var(--Rotkehlchen-brown-light);
|
|
}
|
|
/* Class for the border in focused state */
|
|
.bio-input .Mui-focused .MuiOutlinedInput-notchedOutline {
|
|
border-color: var(--Rotkehlchen-yellow-default);
|
|
}
|
|
/* Disabled input field text and border color */
|
|
.bio-input .css-w4nesw-MuiInputBase-input-MuiOutlinedInput-input.Mui-disabled {
|
|
-webkit-text-fill-color: var(--Rotkehlchen-gray);
|
|
}
|
|
.bio-input
|
|
.MuiInputBase-root.MuiOutlinedInput-root.Mui-disabled
|
|
.MuiOutlinedInput-notchedOutline {
|
|
border-color: transparent;
|
|
}
|
|
|
|
@media only screen and (min-width: 768px) {
|
|
.bio-input {
|
|
width: 100%;
|
|
margin-bottom: 1rem;
|
|
}
|
|
.bio-input .MuiInputLabel-outlined {
|
|
font-size: 18px;
|
|
}
|
|
.bio-input .MuiOutlinedInput-input {
|
|
font-size: 18px;
|
|
padding: 10px;
|
|
}
|
|
|
|
} |