Change Details

# Overview TextArea uses a mixin called `.cdx-mixin-icon` to align the icons with the first line of content in `<textarea>`. Currently, some styles in the mixin are being overridden to match the design spec. ## Issue Overriding mixin styles ##### Why is this bad? Overriding mixin styles leads to unnecessary code bloat. (See solution 1 in this [[ https://tammyritterskamp.com/overriding-sass-mixins/ | article ]]) ## Acceptance Criteria - [] Edit the existing mixin to customize styles for aligning icons in TextArea component; and remove any overriding styles

# Overview TextArea uses a mixin called `.cdx-mixin-icon` to align the icons with the first line of content in `<textarea>`. Currently, some styles in the mixin are being overridden to match the design spec. ## Issue Overriding mixin styles ##### Why is this bad? Overriding mixin styles leads to unnecessary code bloat. (See solution 1 in this [[ https://tammyritterskamp.com/overriding-sass-mixins/ | article ]]) ##Acceptance Criteria - [] Edit the existing mixin to customize styles for aligning icons in TextArea component; and remove any overriding styles

# Overview TextArea uses a mixin called `.cdx-mixin-icon` to align the icons with the first line of content in `<textarea>`. Currently, some styles in the mixin are being overridden to match the design spec. ## Issue Overriding mixin styles ##### Why is this bad? Overriding mixin styles leads to unnecessary code bloat. (See solution 1 in this [[ https://tammyritterskamp.com/overriding-sass-mixins/ | article ]]) ## ##Acceptance Criteria - [] Edit the existing mixin to customize styles for aligning icons in TextArea component; and remove any overriding styles