cartodb4/CartoAssets
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #48 from CartoDB/45-textarea_input

Browse Source 
Textarea component
This commit is contained in:
María Checa 2016-02-16 17:49:30 +01:00
commit dd463d605b
1 changed files with 42 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
src/scss/cdb-components/forms/textarea.scss Normal file
View File

@ -0,0 +1,42 @@
// Textarea styles
// ----------------------------------------------
/* SG
# Forms/Textareas
```
<textarea name="textarea" placeholder="DejaVu Sans" class="CDB-Textarea CDB-Text"></textarea>
<textarea name="textarea" placeholder="DejaVu Sans" class="CDB-Textarea has-error CDB-Text"></textarea>
<textarea name="textarea" placeholder="DejaVu Sans" class="CDB-Textarea is-disabled CDB-Text" disabled></textarea>
```
*/
@import '../../cdb-variables/sizes';
@import '../../cdb-variables/colors';
.CDB-Textarea {
width: 100%;
padding: 7px 8px 6px;
border: 1px solid $cMainLine;
border-radius: $baseSize / 2;
font-size: $sFontSize-medium;
line-height: $sLineHeight-medium;
&:hover {
border: 1px solid $cHoverLine;
}
&:focus {
border: 1px solid $cBlue;
outline-color: transparent;
outline-style: none;
}
&:disabled {
border-color: $cSecondaryLine;
background: $cThirdBackground;
}
}
.CDB-Textarea.has-error {
border: 1px solid rgba($cError, 0.48);
background: rgba($cError, 0.04);
color: $cError;
}