Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
&[disabled] {
input.form-input__input {
${stylers.disabledFormStyles}
}
.form-input__icon {
color: ${tokens.color.blackLighten60};
}
}
// Read Only
&.form-input--is-readonly,
&[readonly] {
input.form-input__input {
${stylers.readOnlyFormStyles}
}
}
// Error
&.form-input--has-error input.form-input__input {
${stylers.errorFormStyles}
}
`;
export default inputStyles;
&.form-textarea--small .form-textarea__textarea {
${stylers.fontSize(-2)};
}
&.form-textarea--medium .form-textarea__textarea {
${stylers.fontSize(-1)};
}
&.form-textarea--large .form-textarea__textarea {
${stylers.fontSize()};
}
// Read Only
&.form-textarea--is-readonly .form-textarea__textarea {
${stylers.readOnlyFormStyles};
cursor: text;
}
// Disabled
&.form-textarea--is-disabled, &[disabled] {
textarea.form-textarea__textarea {
${stylers.disabledFormStyles}
}
.form-textarea__icon {
color: ${tokens.color.blackLighten60};
}
}
// Error
&.form-select--placeholder .form-select__select {
${stylers.placeholder}
}
// Disabled
&.form-select--is-disabled .form-select__select {
${stylers.disabledFormStyles}
${selectArrow(tokens.color.blackLighten60)}
}
// Read Only
&.form-select--is-readonly .form-select__select {
${stylers.readOnlyFormStyles}
}
// Error
&.form-select--has-error .form-select__select {
${stylers.errorFormStyles}
}
`;