refactor(link): move example styles into demo.scss

carbon-design-system · Mar 4, 2019 · a5b88fd · a5b88fd
1 parent ecb076e
commit a5b88fd
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git 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
@@ -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>