From 46836812f4fb1dc3d9d814c11e89f9149f1f7c17 Mon Sep 17 00:00:00 2001
From: Lisa P <mail@lislis.de>
Date: Wed, 28 Oct 2015 12:56:19 +0100
Subject: [PATCH] refactor new link styles to mixin

---
 app/styles/app/layouts/home-pro.sass | 21 ++++++++++++---------
 app/templates/home-pro.hbs           |  2 +-
 2 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/app/styles/app/layouts/home-pro.sass b/app/styles/app/layouts/home-pro.sass
index 672d416d..81316799 100644
--- a/app/styles/app/layouts/home-pro.sass
+++ b/app/styles/app/layouts/home-pro.sass
@@ -1,13 +1,15 @@
 .landing-pro
 
-  p a
-    text-decoration: none
-    border-bottom: 1px solid #bfc0c1
-    padding-bottom: 0.1em
-    &:hover,
-    &:active
-      color: #303030
-      border-color: transparent
+  @mixin linkStyle
+    a
+      text-decoration: none
+      border-bottom: 1px solid #bfc0c1
+      padding-bottom: 0.1em
+      &:hover,
+      &:active
+        color: #303030
+        text-decoration: none
+        border-color: transparent
 
   .wrapper
     width: 100%
@@ -55,6 +57,7 @@
     line-height: 1.55
 
   .text-small
+    @include linkStyle
     margin: 0 0 2.5em
 
   .landing-button
@@ -186,7 +189,7 @@
     margin-top: 5em
     @media #{$medium-up}
       flex-flow: row wrap
-      margin-top: 0
+      margin-top: 1em
     li
       flex: 0 0 15em
 
diff --git a/app/templates/home-pro.hbs b/app/templates/home-pro.hbs
index 87a7192a..77663a32 100644
--- a/app/templates/home-pro.hbs
+++ b/app/templates/home-pro.hbs
@@ -2,7 +2,7 @@
   <section class="section--hero section--grey">
     <div class="inner">
       <div class="section-text">
-        <h1 class="h1">Builds apps <br class="br-small"> with confidence</h1>
+        <h1 class="h1">Build apps <br class="br-small"> with confidence</h1>
         <p class="text-big">Focus on writing code. Let Travis CI take care<br class="br-small"> of running your tests and deploying your apps.</p>
         <a href="https://travis-ci.com/signin" class="hero-button" title="Start your free trial">Start your free trial</a>
       </div>