From 69a72367b859e67edee5217b4cf46f13ccf93494 Mon Sep 17 00:00:00 2001
From: Wesley Moore <wes@wezm.net>
Date: Sat, 1 Jun 2019 09:34:09 +1000
Subject: [PATCH] Add action-button to CSS

---
 content/screen.sass | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/content/screen.sass b/content/screen.sass
index 22758fc..2a2e39c 100644
--- a/content/screen.sass
+++ b/content/screen.sass
@@ -1,5 +1,6 @@
 $ans-serif:  Carlito, Calibri, sans-serif
 $header-colour: #242424
+$link-color: #36454F
 
 body
   font-family: $ans-serif
@@ -77,7 +78,7 @@ a
   text-decoration: underline
 
   &:link, &:visited
-    color: #36454F
+    color: $link-color
 
 h1 a
   text-decoration: none
@@ -202,6 +203,27 @@ footer
 .social-icon-wide
   margin: 0 0.6em
 
+.action-button
+  background-color: $link-color
+  border-radius: 0.25em
+  border: 2px solid $link-color
+  color: white
+  display: inline-block
+  font-size: 12px
+  font-weight: bold
+  margin: 0.75em 0
+  padding: 0.5em 1em
+  text-decoration: none
+  text-transform: uppercase
+
+.action-button-ghost
+  background-color: initial
+  color: $link-color
+
+.action-button-ghost:hover
+  background-color: $link-color
+  color: white
+
 .home
   h1 > a:first-child
     -webkit-transition: border-bottom-color 500ms ease-out