From 47bddc8f82be69615f6aba755503f085015a78fd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mar=C3=ADa=20Checa?= Date: Thu, 4 Feb 2016 15:24:16 +0100 Subject: [PATCH 1/4] Textarea component --- src/scss/cdb-components/forms/textarea.scss | 43 +++++++++++++++++++++ 1 file changed, 43 insertions(+) create mode 100644 src/scss/cdb-components/forms/textarea.scss diff --git a/src/scss/cdb-components/forms/textarea.scss b/src/scss/cdb-components/forms/textarea.scss new file mode 100644 index 0000000..1f5b134 --- /dev/null +++ b/src/scss/cdb-components/forms/textarea.scss @@ -0,0 +1,43 @@ +// Textarea styles +// ---------------------------------------------- + +/* SG +# Forms/Textareas + +``` + + + +``` +*/ + +@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; + } +} From 6a7171a3e54d7a1d922d3af527c1794ace2b40dd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mar=C3=ADa=20Checa?= Date: Thu, 4 Feb 2016 15:26:19 +0100 Subject: [PATCH 2/4] Textarea naming fix --- src/scss/cdb-components/forms/textarea.scss | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/scss/cdb-components/forms/textarea.scss b/src/scss/cdb-components/forms/textarea.scss index 1f5b134..a095a37 100644 --- a/src/scss/cdb-components/forms/textarea.scss +++ b/src/scss/cdb-components/forms/textarea.scss @@ -5,9 +5,9 @@ # Forms/Textareas ``` - - - + + + ``` */ @@ -15,7 +15,7 @@ @import '../../cdb-variables/colors'; @import '../../cdb-utilities/mixins'; -.CDB-InputTextarea { +.CDB-Textarea { width: 100%; padding: 7px 8px 6px; border: 1px solid $cMainLine; From 924fc5231869244f55d84dc118cd037e161a2405 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mar=C3=ADa=20Checa?= Date: Mon, 8 Feb 2016 11:03:14 +0100 Subject: [PATCH 3/4] Textarea component: syntax minor fix --- src/scss/cdb-components/forms/textarea.scss | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/scss/cdb-components/forms/textarea.scss b/src/scss/cdb-components/forms/textarea.scss index a095a37..3c1cb5d 100644 --- a/src/scss/cdb-components/forms/textarea.scss +++ b/src/scss/cdb-components/forms/textarea.scss @@ -35,9 +35,9 @@ border-color: $cSecondaryLine; background: $cThirdBackground; } - &.has-error { - border: 1px solid rgba($cError, 0.48); - background: rgba($cError, 0.04); - color: $cError; - } } +.CDB-Textarea.has-error { + border: 1px solid rgba($cError, 0.48); + background: rgba($cError, 0.04); + color: $cError; + } From 7cb07e435df0ccaf480557ddf1cba2e200a03062 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mar=C3=ADa=20Checa?= Date: Tue, 16 Feb 2016 14:40:22 +0100 Subject: [PATCH 4/4] Textarea component: minor fix --- src/scss/cdb-components/forms/textarea.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/src/scss/cdb-components/forms/textarea.scss b/src/scss/cdb-components/forms/textarea.scss index 3c1cb5d..e69e455 100644 --- a/src/scss/cdb-components/forms/textarea.scss +++ b/src/scss/cdb-components/forms/textarea.scss @@ -13,7 +13,6 @@ @import '../../cdb-variables/sizes'; @import '../../cdb-variables/colors'; -@import '../../cdb-utilities/mixins'; .CDB-Textarea { width: 100%;