From d74c4511e02eb8ad438d05cbb8241bae38a3544e Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Mon, 22 Jan 2018 15:32:32 +0000
Subject: [PATCH] adding list label and flex modifier
---
opentech/static_src/src/sass/components/_list.scss | 12 ++++++++++++
opentech/static_src/src/sass/main.scss | 1 +
2 files changed, 13 insertions(+)
create mode 100644 opentech/static_src/src/sass/components/_list.scss
diff --git a/opentech/static_src/src/sass/components/_list.scss b/opentech/static_src/src/sass/components/_list.scss
new file mode 100644
index 000000000..049460a91
--- /dev/null
+++ b/opentech/static_src/src/sass/components/_list.scss
@@ -0,0 +1,12 @@
+.list {
+ &--flex {
+ display: flex;
+ }
+
+ &__label {
+ padding: 10px;
+ margin-right: 20px;
+ color: $color--white;
+ background: $color--light-blue;
+ }
+}
diff --git a/opentech/static_src/src/sass/main.scss b/opentech/static_src/src/sass/main.scss
index 2562ffb8f..f6bec4a81 100755
--- a/opentech/static_src/src/sass/main.scss
+++ b/opentech/static_src/src/sass/main.scss
@@ -21,6 +21,7 @@
@import 'components/icon';
@import 'components/input';
@import 'components/link';
+@import 'components/list';
@import 'components/nav';
@import 'components/responsive-object';
@import 'components/rich-text';
--
GitLab