Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
&.form-select--large .form-select__select {
${stylers.fontSize()}
height: ${stylers.spacer(5)};
}
// Placeholder
&.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}
}
`;
&:active {
color: ${tokens.color.black};
transition: none;
}
}
&.form-input--has-icon input.form-input__input {
padding-left: ${({ size }) => (size === ShirtSizes.LARGE ? stylers.spacer(4) : stylers.spacer(3))};
}
// Disabled
&.form-input--is-disabled,
&[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}
}
}
&.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-textarea--has-error textarea.form-textarea__textarea {
${stylers.errorFormStyles}
}
`;