From a5a77ac668f9bd28a8d329b646d6a0c79958d660 Mon Sep 17 00:00:00 2001
From: Sebastian Kippe <sebastian@kip.pe>
Date: Fri, 19 Jan 2018 10:41:39 +0000
Subject: [PATCH] Basic button styles

---
 app/styles/_buttons.scss | 24 ++++++++++++++++++++++++
 app/styles/_resets.scss  |  6 ++++++
 app/styles/app.scss      |  6 +-----
 3 files changed, 31 insertions(+), 5 deletions(-)
 create mode 100644 app/styles/_resets.scss

diff --git a/app/styles/_buttons.scss b/app/styles/_buttons.scss
index 67c08c1..52e0e4c 100644
--- a/app/styles/_buttons.scss
+++ b/app/styles/_buttons.scss
@@ -6,3 +6,27 @@ div.button-group + button,
 div.button-group + div.button-group {
   margin-left: 1rem;
 }
+
+header {
+  button {
+    padding: 0.4rem 0.8rem 0.3rem;
+    border: 1px solid $dark-grey-2;
+    border-radius: 0.2em;
+    background-color: #fff;
+    color: $dark-grey-2;
+    font-size: 0.8rem;
+    text-transform: uppercase;
+
+    &:hover {
+      background-color: $dark-grey-2;
+      color: #fff;
+    }
+
+    &:disabled,
+    &:disabled:hover {
+      border-color: $dark-grey-3;
+      background-color: #fff;
+      color: $dark-grey-3;
+    }
+  }
+}
diff --git a/app/styles/_resets.scss b/app/styles/_resets.scss
new file mode 100644
index 0000000..cfe01a7
--- /dev/null
+++ b/app/styles/_resets.scss
@@ -0,0 +1,6 @@
+* {
+  -moz-outline: none;
+  outline: none;
+}
+:focus { outline:none; }
+::-moz-focus-inner { border: 0; }
diff --git a/app/styles/app.scss b/app/styles/app.scss
index 32460cc..3c16b6d 100644
--- a/app/styles/app.scss
+++ b/app/styles/app.scss
@@ -1,12 +1,8 @@
 @import "bourbon";
+@import "resets";
 @import "colors";
 @import "layout";
 
-* {
-  -moz-outline: none;
-  outline: none;
-}
-
 body {
   background-color: white;
   font-size: 16px;