GitLab

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!