Text Area
Here are the design for the text area based on @Nick's button (#19) and the already live text input
- background: white;
- border-radius: $borderRadius;
- border-width: $borderWidth;
- border-color: $colorFurniture;
- border-style: $borderStyle;
- font-family: $fontWriting;
- font-size: $fontSizeBase;
- color: $colorText;
- line-height: $gridUnit;
- padding: $gridUnit / 2;
- hover: border-color: $colorPrimary, border-width 3px
- disabled: opacity 50%
- active: border-color: $colorPrimary, border-width 3px
- focus: border-color: $colorPrimary, opacity: 30%, border-width 3px
:active
and :hover
have a border with the primary color.
:focus
get a lighter primary color for the border, in order to be less disturing while writing.
Did i miss some? Thanks!