From 97b6de6aa437f7a913a33b9e6aa18a919faf2caf Mon Sep 17 00:00:00 2001
From: Wes Bos <wesbos@gmail.com>
Date: Thu, 12 Apr 2018 16:31:01 -0400
Subject: a whole bunch of things that should be in their own commits

---
 frontend/components/styles/SickButton.js |  5 +++++
 frontend/components/styles/Table.js      | 31 +++++++++++++++++++++++++++++++
 2 files changed, 36 insertions(+)
 create mode 100644 frontend/components/styles/Table.js

(limited to 'frontend/components/styles')

diff --git a/frontend/components/styles/SickButton.js b/frontend/components/styles/SickButton.js
index 3bd5001..5b5352e 100644
--- a/frontend/components/styles/SickButton.js
+++ b/frontend/components/styles/SickButton.js
@@ -10,6 +10,11 @@ const SickButton = styled.button`
   font-size: 2rem;
   padding: 0.8rem 1.5rem;
   transform: skew(-2deg);
+  display: inline-block;
+  transition: all 0.5s;
+  &[disabled] {
+    opacity: 0.5;
+  }
 `;
 
 export default SickButton;
diff --git a/frontend/components/styles/Table.js b/frontend/components/styles/Table.js
new file mode 100644
index 0000000..e9d0673
--- /dev/null
+++ b/frontend/components/styles/Table.js
@@ -0,0 +1,31 @@
+import styled from 'styled-components';
+
+const Table = styled.table`
+  border-spacing: 0;
+  width: 100%;
+  border: 1px solid ${props => props.theme.offWhite};
+  thead {
+    font-size: 10px;
+  }
+  td,
+  th {
+    border-bottom: 1px solid ${props => props.theme.offWhite};
+    border-right: 1px solid ${props => props.theme.offWhite};
+    padding: 10px 5px;
+    position: relative;
+    &:last-child {
+      border-right: none;
+      width: 150px;
+      button {
+        width: 100%;
+      }
+    }
+  }
+  tr {
+    &:hover {
+      background: ${props => props.theme.offWhite};
+    }
+  }
+`;
+
+export default Table;
-- 
cgit v1.3