From 6465c9f7fdcb6985bf9c1f20b98a5cefa7502480 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Mon, 9 Oct 2017 19:15:57 +0100
Subject: [PATCH] Move button styling into a component

---
 assets/less/main.less                  | 18 ++++++++++++++++++
 source/_includes/talks-table.html.twig |  5 ++---
 source/contact.html.twig               |  2 +-
 3 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/assets/less/main.less b/assets/less/main.less
index 46efc8dea..bbf976b5e 100644
--- a/assets/less/main.less
+++ b/assets/less/main.less
@@ -12,6 +12,24 @@ td {
     }
 }
 
+.button {
+    .bg-blue;
+    .bn;
+    .br2;
+    .dib;
+    .dim;
+    .link;
+    .no-underline;
+    .ph3;
+    .pv2;
+    .white-90;
+
+    &:hover {
+        background: darken(@blue, 10%);
+        cursor: pointer;
+    }
+}
+
 @import "components/nav";
 @import "components/post";
 @import "components/talk";
diff --git a/source/_includes/talks-table.html.twig b/source/_includes/talks-table.html.twig
index 81d210fea..8fd88ed1c 100644
--- a/source/_includes/talks-table.html.twig
+++ b/source/_includes/talks-table.html.twig
@@ -68,10 +68,9 @@
                             {% if row.date.feedback and row.date.date <= today %}
                                 <a
                                     href="{{ row.date.feedback }}"
-                                    class="bg-blue br2 pa2 white-90 no-underline dib dim"
+                                    class="button"
                                     title="Read or leave feedback for this talk">
-                                    <i class="fa fa-comment-o mr1"></i>
-                                    joind.in
+                                    <i class="fa fa-comment-o"></i> joind.in
                                 </a>
                             {% endif %}
                         </td>
diff --git a/source/contact.html.twig b/source/contact.html.twig
index 89f61a8f5..ca5de5743 100644
--- a/source/contact.html.twig
+++ b/source/contact.html.twig
@@ -19,7 +19,7 @@ use: [posts]
         <label for="message" class="db mb1">Message</label>
         <textarea name="message" class="w-100 pa2 mb3 ba b--black-50" rows="5" required></textarea>
 
-        <button class="b ph3 pv2 input-reset ba b--black bg-transparent pointer f6" type="submit">
+        <button class="button" type="submit">
             Send email
         </button>