From a13daa1204847134178b063eb5701b19e8135710 Mon Sep 17 00:00:00 2001 From: piensaenpixel Date: Thu, 19 May 2016 13:47:40 +0200 Subject: [PATCH 1/3] add helpers --- src/scss/cdb-components/boxes.scss | 1 - src/scss/cdb-utilities/helpers.scss | 9 +++++++++ 2 files changed, 9 insertions(+), 1 deletion(-) diff --git a/src/scss/cdb-components/boxes.scss b/src/scss/cdb-components/boxes.scss index aaf1a2b..e497982 100644 --- a/src/scss/cdb-components/boxes.scss +++ b/src/scss/cdb-components/boxes.scss @@ -26,7 +26,6 @@ } .CDB-Box-modalHeaderItem { @include display-flex(); - @include align-items(center); padding: $baseSize + 4 $baseSize * 2; border-bottom: 1px solid $cMainLine; } diff --git a/src/scss/cdb-utilities/helpers.scss b/src/scss/cdb-utilities/helpers.scss index a414fa2..c63c246 100644 --- a/src/scss/cdb-utilities/helpers.scss +++ b/src/scss/cdb-utilities/helpers.scss @@ -87,6 +87,15 @@ text-transform: uppercase; } +/* Flex */ +.u-flex { + @include display-flex(); +} +.u-justifySpace { + @include justify-content(space-between); +} + + /* Media queries*/ @include media-query-mobile() { .u-showDesktop { From 3debe6953c309667b10e4694eca139a03a623aef Mon Sep 17 00:00:00 2001 From: piensaenpixel Date: Thu, 19 May 2016 13:50:53 +0200 Subject: [PATCH 2/3] add list components --- src/scss/cdb-components/lists.scss | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/scss/cdb-components/lists.scss b/src/scss/cdb-components/lists.scss index f12ff81..9e4f5ab 100644 --- a/src/scss/cdb-components/lists.scss +++ b/src/scss/cdb-components/lists.scss @@ -20,6 +20,12 @@ border-bottom: 0; } } +.CDB-ListDecoration-itemPadding { + padding: 12px 16px; +} +.CDB-ListDecoration-itemPaddingVertical { + padding: 0 16px; +} .CDB-ListDecoration-itemLink { display: block; From 625b622fb462fbb0d17aa5714034d17c43ea1f94 Mon Sep 17 00:00:00 2001 From: piensaenpixel Date: Thu, 19 May 2016 13:57:06 +0200 Subject: [PATCH 3/3] fix PR --- src/scss/cdb-components/lists.scss | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/scss/cdb-components/lists.scss b/src/scss/cdb-components/lists.scss index 9e4f5ab..827bed8 100644 --- a/src/scss/cdb-components/lists.scss +++ b/src/scss/cdb-components/lists.scss @@ -23,9 +23,12 @@ .CDB-ListDecoration-itemPadding { padding: 12px 16px; } -.CDB-ListDecoration-itemPaddingVertical { +.CDB-ListDecoration-itemPadding--horizontal { padding: 0 16px; } +.CDB-ListDecoration-itemPadding--vertical { + padding: 12px 0; +} .CDB-ListDecoration-itemLink { display: block;