From 37c50be5598da86878b8782bf568196bc148969e Mon Sep 17 00:00:00 2001
From: Andrew Croce <andrew+dds@promptworks.com>
Date: Mon, 16 Jul 2018 12:31:20 -0400
Subject: [PATCH] fixes to panel styles

---
 scss/elements/_block_lists.scss | 49 +++++++++++++++++++++++++++++++++
 scss/elements/_panels.scss      | 13 +++++++--
 2 files changed, 59 insertions(+), 3 deletions(-)
 create mode 100644 scss/elements/_block_lists.scss

diff --git a/scss/elements/_block_lists.scss b/scss/elements/_block_lists.scss
new file mode 100644
index 00000000..8799b3c8
--- /dev/null
+++ b/scss/elements/_block_lists.scss
@@ -0,0 +1,49 @@
+@mixin block-list {
+  @include panel-margin;
+
+  > ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+}
+
+@mixin block-list-header {
+  @include panel-base;
+  @include panel-theme-default;
+  padding: $gap * 2;
+}
+
+@mixin block-list__title {
+  @include h4;
+  margin: 0;
+}
+
+@mixin block-list-item {
+  @include panel-base;
+  margin: 0;
+  padding: $gap * 2;
+  border-top: 0;
+  border-bottom: 1px dashed $color-gray-light;
+
+  &li:last-child {
+    border-bottom-style: solid;
+  }
+}
+
+
+.block-list {
+  @include block-list;
+}
+
+.block-list__header {
+  @include block-list-header;
+}
+
+.block-list__title {
+  @include block-list__title;
+}
+
+.block-list__item {
+  @include block-list-item;
+}
diff --git a/scss/elements/_panels.scss b/scss/elements/_panels.scss
index ce50b515..5a8cbb3a 100644
--- a/scss/elements/_panels.scss
+++ b/scss/elements/_panels.scss
@@ -9,6 +9,8 @@
   border-bottom-width: 1px;
   border-top-style: solid;
   border-bottom-style: solid;
+  border-left: 0;
+  border-right: 0;
 }
 
 @mixin panel-theme-default {
@@ -29,9 +31,14 @@
   @include panel-theme-default;
   @include panel-margin;
 
-  &__content {
-    padding-left: $gap*4;
-    padding-right: $gap*4;
+  .panel__content {
+    margin: ($gap * 2) 0;
+    padding: 0 ($gap * 2);
+
+    @include media($medium-screen) {
+      margin: ($gap * 4) 0;
+      padding: 0 ($gap * 4);
+    }
   }
 }