From 1583d952072669c94ff77b05b2bfeb2d3f1404c0 Mon Sep 17 00:00:00 2001 From: rubenmoya Date: Wed, 13 Dec 2017 12:04:47 +0100 Subject: [PATCH 1/3] Add dashed style to CDB-Button --- src/scss/cdb-components/_buttons.scss | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/src/scss/cdb-components/_buttons.scss b/src/scss/cdb-components/_buttons.scss index c93cd66..57eb672 100644 --- a/src/scss/cdb-components/_buttons.scss +++ b/src/scss/cdb-components/_buttons.scss @@ -229,6 +229,10 @@ Layout Component: padding: $baseSize + 3 $baseSize + 12; } +.CDB-Button--wide { + width: 100%; +} + .CDB-Button--icon { padding: 7px 9px; } @@ -293,6 +297,16 @@ Layout Component: } } +.CDB-Button--dashed { + border: 1px dashed $cHintText; + color: $cBlue; + padding: 13px 0; + + &:hover { + border-color: $cBlue; + } +} + // Buttons styles From 884f64476eaf0de3590b7024da78f5dc3a70eb11 Mon Sep 17 00:00:00 2001 From: rubenmoya Date: Wed, 13 Dec 2017 15:59:41 +0100 Subject: [PATCH 2/3] Add u-lSpace--s helper --- src/scss/cdb-utilities/_helpers.scss | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/scss/cdb-utilities/_helpers.scss b/src/scss/cdb-utilities/_helpers.scss index b161089..e7ec814 100644 --- a/src/scss/cdb-utilities/_helpers.scss +++ b/src/scss/cdb-utilities/_helpers.scss @@ -35,6 +35,9 @@ .u-lSpace { margin-left: 4px; } +.u-lSpace--s { + margin-left: 2px; +} .u-lSpace--xl { margin-left: 12px; } From 5fa95c8c873d9595f84976007ae8812e96405d98 Mon Sep 17 00:00:00 2001 From: rubenmoya Date: Wed, 13 Dec 2017 16:36:04 +0100 Subject: [PATCH 3/3] =?UTF-8?q?=F0=9F=90=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/scss/cdb-components/_buttons.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/scss/cdb-components/_buttons.scss b/src/scss/cdb-components/_buttons.scss index 57eb672..fefe490 100644 --- a/src/scss/cdb-components/_buttons.scss +++ b/src/scss/cdb-components/_buttons.scss @@ -298,9 +298,9 @@ Layout Component: } .CDB-Button--dashed { + padding: 13px 0; border: 1px dashed $cHintText; color: $cBlue; - padding: 13px 0; &:hover { border-color: $cBlue;