From 9f1d3d4ba9a2d19517b6973c8d546fd0a19681ec Mon Sep 17 00:00:00 2001
From: Dan Barber <danbee@gmail.com>
Date: Mon, 28 Jan 2013 08:41:34 +0000
Subject: [PATCH] Add hover/focus styles to refresh button.

---
 stylesheets/main.css  | 4 ++++
 stylesheets/main.scss | 6 ++++++
 2 files changed, 10 insertions(+)

diff --git a/stylesheets/main.css b/stylesheets/main.css
index 074c553..c8e3136 100644
--- a/stylesheets/main.css
+++ b/stylesheets/main.css
@@ -98,6 +98,10 @@ header {
     color: white;
     font-family: "fontawesome";
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); }
+    header #refresh:focus {
+      background: rgba(255, 255, 255, 0.2); }
+    header #refresh:active {
+      background: rgba(255, 255, 255, 0.3); }
 
 footer {
   position: fixed;
diff --git a/stylesheets/main.scss b/stylesheets/main.scss
index 29f5cd7..2092980 100644
--- a/stylesheets/main.scss
+++ b/stylesheets/main.scss
@@ -57,6 +57,12 @@ header {
     color: white;
     font-family: "fontawesome";
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
+    &:focus {
+      background: rgba(255, 255, 255, 0.2);
+    }
+    &:active {
+      background: rgba(255, 255, 255, 0.3);
+    }
   }
 }