diff --git a/src/scss/cdb-components/_buttons.scss b/src/scss/cdb-components/_buttons.scss index c93cd66..fefe490 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 { + padding: 13px 0; + border: 1px dashed $cHintText; + color: $cBlue; + + &:hover { + border-color: $cBlue; + } +} + // Buttons styles 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; }