1 files changed, 45 insertions, 0 deletions
diff --git a/app/utils/styles.js b/app/utils/styles.js
new file mode 100644
index 0000000..e16cf54
--- /dev/null
+++ b/app/utils/styles.js
@@ -0,0 +1,45 @@
+import { css } from 'styled-components';
+
+export const clickableStyle = css`
+  cursor: pointer;
+  user-select: none;
+  position: relative;
+  z-index: 1;
+
+  &:after {
+    content: "";
+    position: absolute;
+    border-radius: inherit;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    background-color: #979797;
+    pointer-events: none;
+    opacity: 0;
+    transition: .1s opacity;
+    z-index: -1;
+  }
+
+  &:hover {
+    &:after {
+      opacity: 0.15;
+    }
+  }
+
+  &:active {
+    &:after {
+      opacity: 0.3;
+    }
+  }
+`;
+
+export const unclickableStyle = css`
+  cursor: not-allowed;
+  pointer-events: none;
+  opacity: .6;
+
+  a {
+    pointer-events: none;
+  }
+`;