From 3ba7557d0170fad9d7c49593511d3238bf8052c7 Mon Sep 17 00:00:00 2001
From: Jeremy Kauffman <kauffj@gmail.com>
Date: Mon, 24 Sep 2018 17:14:50 -0400
Subject: [PATCH] fix and refactor names

---
 app/components/link-grid.js       | 12 ++++++------
 app/sass/partials/_link-grid.scss | 10 +++++-----
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/app/components/link-grid.js b/app/components/link-grid.js
index b68570d..9e0d42c 100644
--- a/app/components/link-grid.js
+++ b/app/components/link-grid.js
@@ -4,10 +4,10 @@ import html from "choo/html";
 
 function returnLinkTemplate(title, description, destination, label) {
   return `
-    <li class="home__feature">
-     <p class="home__feature__title"><strong>${title}</strong></p>
-     <p class="home__feature__description">${description}</p>
-     <a class="home__feature__cta" href="${destination}">${label}</a>
+    <li class="link-grid__link">
+     <p class="link-grid__title"><strong>${title}</strong></p>
+     <p class="link-grid__description">${description}</p>
+     <a class="link-grid__cta" href="${destination}">${label}</a>
     </li>
   `;
 }
@@ -15,8 +15,8 @@ function returnLinkTemplate(title, description, destination, label) {
 export default (links) => {
   const renderedLinks = links.map((link) => returnLinkTemplate(link.title, link.description, link.destination, link.label));
   return html`
-    <ul class="home__features">
-      ${renderedLinks.join("\n")}
+    <ul class="link-grid">
+      ${renderedLinks}
     </ul>
   `;
 }
diff --git a/app/sass/partials/_link-grid.scss b/app/sass/partials/_link-grid.scss
index 952cd11..8f4d04f 100644
--- a/app/sass/partials/_link-grid.scss
+++ b/app/sass/partials/_link-grid.scss
@@ -1,4 +1,4 @@
-.home__features {
+.link-grid {
   align-content: center;
   border-bottom: 1px solid rgba($black, 0.05);
   display: flex;
@@ -8,7 +8,7 @@
   padding-bottom: 2rem;
 }
 
-.home__feature {
+.link-grid__link {
   position: relative;
   text-align: center;
   vertical-align: top;
@@ -32,12 +32,12 @@
 
 
 
-.home__feature__title {
+.link-grid__title {
   font-size: 2rem;
   margin-bottom: 0.5rem;
 }
 
-.home__feature__description {
+.link-grid__description {
   font-size: 1rem;
   left: 10%;
   margin-bottom: 1rem;
@@ -45,7 +45,7 @@
   width: 80%;
 }
 
-.home__feature__cta {
+.link-grid__cta {
   @extend .__button-black;
   display: inline-block;
   font-size: 1rem;