48 lines
934 B
1
@import "tailwindcss/base";
2
@import "tailwindcss/components";
3
@import "tailwindcss/utilities";
4
5
/* This file is for your main application CSS */
6
7
/* Code block styling */
8
pre {
9
margin: 1em 0;
10
padding: 1em;
11
border-radius: 0.5em;
12
background: #282c34;
13
overflow-x: auto;
14
}
15
16
code {
17
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
18
font-size: 0.9em;
19
}
20
21
/* Inline code styling */
22
:not(pre) > code {
23
padding: 0.2em 0.4em;
24
background: #f1f5f9;
25
border-radius: 0.25em;
26
}
27
28
/* Add these to your existing CSS */
29
input[type="checkbox"] {
30
appearance: none;
31
background-color: white;
32
margin: 0;
33
font: inherit;
34
width: 20px;
35
height: 20px;
36
border: 1px solid #ddd;
37
display: grid;
38
place-content: center;
39
}
40
41
input[type="checkbox"]:checked {
42
background-color: #3b82f6;
43
border-color: #3b82f6;
44
}
45
46
input[type="checkbox"]:hover {
47
border-color: #93c5fd;
48
}
49