Layout and styles

1 files changed, 46 insertions, 0 deletions

diff --git a/app/javascript/stylesheets/overrides.css b/app/javascript/stylesheets/overrides.css
new file mode 100644
index 0000000..1b5d5de
--- /dev/null
+++ b/app/javascript/stylesheets/overrides.css
@@ -0,0 +1,46 @@
+a {
+  @apply underline transition duration-100;
+}
+a:hover {
+  @apply text-gray-500 transition duration-100;
+}
+
+table, td, th {
+  @apply border-gray-800;
+}
+
+label {
+  @apply text-gray-500 text-sm mb-2;
+}
+
+input {
+  @apply bg-gray-800 border border-black p-1;
+}
+input:focus {
+  @apply outline-none border border-gray-700;
+}
+
+button, [type="button"], [type="reset"], [type="submit"] {
+  @apply py-1 px-2 cursor-pointer transition duration-100;
+}
+button:hover, [type="button"]:hover, [type="reset"]:hover, [type="submit"]:hover {
+  @apply bg-gray-700 transition duration-100;
+}
+
+button:focus, [type="button"]:focus, [type="reset"]:focus, [type="submit"]:focus {
+  @apply shadow outline-none;
+}
+
+select {
+  @apply bg-gray-800 border border-black p-1;
+}
+select:focus {
+  @apply outline-none border border-gray-700;
+}
+
+textarea {
+  @apply bg-gray-800 border border-black p-1;
+}
+textarea:focus {
+  @apply outline-none border border-gray-700;
+}