From b446cd6ba7afcbcf915098a3f2a71e98877433e9 Mon Sep 17 00:00:00 2001
From: Luis Cielak <luis+dds@promptworks.com>
Date: Wed, 1 Aug 2018 15:41:33 -0400
Subject: [PATCH] Cleaning up some sass

---
 scss/elements/_kpi.scss      |  2 +-
 styles/elements/_panels.scss | 13 +++++++++++++
 templates/requests.html      | 12 ++++++------
 3 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/scss/elements/_kpi.scss b/scss/elements/_kpi.scss
index 61007a6d..2e694e05 100644
--- a/scss/elements/_kpi.scss
+++ b/scss/elements/_kpi.scss
@@ -7,7 +7,7 @@
     padding: $gap * 2;
   }
 
-  .kpi__item--value {
+  .kpi__item__value {
     @include h1;
     padding-bottom: $gap / 2;
   }
diff --git a/styles/elements/_panels.scss b/styles/elements/_panels.scss
index af5decf4..27fdc144 100644
--- a/styles/elements/_panels.scss
+++ b/styles/elements/_panels.scss
@@ -29,6 +29,19 @@
   }
 }
 
+@mixin panel-row {
+  @include grid-row;
+
+  .col {
+    margin: 0 $site-margins-mobile * 2;
+
+    @include media($medium-screen) {
+      margin: 0 $site-margins * 2;
+    }
+  }
+
+}
+
 @mixin panel-actions {
   padding: $gap;
 }
diff --git a/templates/requests.html b/templates/requests.html
index a6443aee..566da288 100644
--- a/templates/requests.html
+++ b/templates/requests.html
@@ -50,16 +50,16 @@
 
   <div class="row kpi">
     <div class="kpi__item col col--grow">
-      <div class="kpi__item--value">3</div>
-      <div class="kpi__item--description">Pending Requests</div>
+      <div class="kpi__item__value">3</div>
+      <div class="kpi__item__description">Pending Requests</div>
     </div>
     <div class="kpi__item col col--grow">
-      <div class="kpi__item--value">2,456</div>
-      <div class="kpi__item--description">Completed Requests This Year</div>
+      <div class="kpi__item__value">2,456</div>
+      <div class="kpi__item__description">Completed Requests This Year</div>
     </div>
     <div class="kpi__item col col--grow">
-      <div class="kpi__item--value">234</div>
-      <div class="kpi__item--description">Denied Requests</div>
+      <div class="kpi__item__value">234</div>
+      <div class="kpi__item__description">Denied Requests</div>
     </div>
   </div>