From 8067bd74db3618c62e8d15111bc85ed39ceec820 Mon Sep 17 00:00:00 2001
From: Christopher Pezza <chris.pezza@hey.com>
Date: Sat, 10 Oct 2020 15:22:44 -0400
Subject: [PATCH] add css support

---
 dist/app.scss           |  4 +++-
 dist/styles/dialog.scss | 50 +++++++++++++++++++++++++++++++++++++++++
 dist/styles/main.scss   |  3 +++
 3 files changed, 56 insertions(+), 1 deletion(-)
 create mode 100644 dist/styles/dialog.scss
 create mode 100644 dist/styles/main.scss

diff --git a/dist/app.scss b/dist/app.scss
index 95c0961..c713b65 100644
--- a/dist/app.scss
+++ b/dist/app.scss
@@ -1,4 +1,6 @@
 @import "tailwindcss/base";
 @import "tailwindcss/components";
 @import "tailwindcss/utilities";
-@import url("https://rsms.me/inter/inter.css");
\ No newline at end of file
+@import url("https://rsms.me/inter/inter.css");
+@import "./styles/main";
+@import "./styles/dialog";
diff --git a/dist/styles/dialog.scss b/dist/styles/dialog.scss
new file mode 100644
index 0000000..6c5c2d0
--- /dev/null
+++ b/dist/styles/dialog.scss
@@ -0,0 +1,50 @@
+.dialog-body {
+
+  .covered {
+    @apply border-green-500;
+
+    &:nth-child(odd) {
+      @apply bg-green-400;
+    }
+
+    &:nth-child(even) {
+      @apply bg-green-300;
+    }
+  }
+
+  .missed {
+    @apply border-red-500;
+
+    &:nth-child(odd) {
+      @apply bg-red-400;
+    }
+
+    &:nth-child(even) {
+      @apply bg-red-300;
+    }
+  }
+
+  .never {
+    @apply border-gray-900;
+
+    &:nth-child(odd) {
+      @apply bg-gray-200;
+    }
+
+    &:nth-child(even) {
+      @apply bg-gray-50;
+    }
+  }
+
+  .skipped {
+    @apply border-yellow-500;
+
+    &:nth-child(odd) {
+      @apply bg-yellow-400;
+    }
+
+    &:nth-child(even) {
+      @apply bg-yellow-300;
+    }
+  }
+}
diff --git a/dist/styles/main.scss b/dist/styles/main.scss
new file mode 100644
index 0000000..cd9df37
--- /dev/null
+++ b/dist/styles/main.scss
@@ -0,0 +1,3 @@
+.clickable {
+  cursor: pointer;
+}