From a5b88fd3bb1da1083c109d99451b4673be7058e9 Mon Sep 17 00:00:00 2001
From: emyarod <afw5059@gmail.com>
Date: Mon, 4 Mar 2019 16:31:33 -0600
Subject: [PATCH] refactor(link): move example styles into `demo.scss`

---
 demo/scss/demo.scss          | 4 ++++
 src/components/link/link.hbs | 6 +++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/demo/scss/demo.scss b/demo/scss/demo.scss
index 93ab6348e7dd..5a3c06226573 100644
--- a/demo/scss/demo.scss
+++ b/demo/scss/demo.scss
@@ -68,6 +68,10 @@ REASON: #{$reason}';
     .bx--interior-left-nav.bx--interior-left-nav--collapsed {
       width: 3rem;
     }
+
+    &.link .example-link-container {
+      margin-bottom: 32px;
+    }
   }
 }
 
diff --git a/src/components/link/link.hbs b/src/components/link/link.hbs
index 86770bfea33f..8fd565dc0c32 100644
--- a/src/components/link/link.hbs
+++ b/src/components/link/link.hbs
@@ -5,15 +5,15 @@
   LICENSE file in the root directory of this source tree.
 -->
 
-<div style="margin-bottom: 32px">
+<div class="example-link-container">
   <a href="#" class="{{@root.prefix}}--link">Link</a>
 </div>
-<div style="margin-bottom: 32px">
+<div class="example-link-container">
   <a href="#" class="{{@root.prefix}}--link">Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti explicabo
     nobis consequatur quod qui quam laboriosam placeat repudiandae. Ducimus ea aut omnis asperiores mollitia
     necessitatibus architecto temporibus provident quo? Repellat!</a>
 </div>
-<div style="margin-bottom: 32px">
+<div class="example-link-container">
   <a class="{{@root.prefix}}--link">Placeholder link</a>
 </div>
 <p class="{{@root.prefix}}--link--disabled">Disabled Link</p>