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

Textarea component

Browse Source
This commit is contained in:
María Checa 2016-02-04 15:24:16 +01:00
parent 0fc160c0e1
commit 47bddc8f82
1 changed files with 43 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -0,0 +1,43 @@
// Textarea styles
// ----------------------------------------------
/* SG
# Forms/Textareas
```
<textarea name="textarea" placeholder="DejaVu Sans" class="CDB-InputTextarea CDB-Text"></textarea>
<textarea name="textarea" placeholder="DejaVu Sans" class="CDB-InputTextarea has-error CDB-Text"></textarea>
<textarea name="textarea" placeholder="DejaVu Sans" class="CDB-InputTextarea is-disabled CDB-Text" disabled></textarea>
```
*/
@import '../../cdb-variables/sizes';
@import '../../cdb-variables/colors';
@import '../../cdb-utilities/mixins';
.CDB-InputTextarea {
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;
}
&.has-error {
border: 1px solid rgba($cError, 0.48);
background: rgba($cError, 0.04);
color: $cError;
}
}