app/javascript/stylesheets/overrides.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
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 text-display;
}
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;
}