-
-
Notifications
You must be signed in to change notification settings - Fork 10
/
base.css
54 lines (46 loc) · 1.09 KB
/
base.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
47
48
49
50
51
52
53
54
@import "./colors.css";
/* https://github.com/tailwindlabs/tailwindcss/blob/3.4/src/css/preflight.css */
@tailwind base;
@layer base {
html {
@apply text-md;
}
:focus-visible {
@apply outline outline-3 outline-focus-outline-color outline-offset-0;
}
a {
/* Override Tailwind's default `text-decoration` rule. */
/* https://github.com/tailwindlabs/tailwindcss/blob/3.4/src/css/preflight.css#L92 */
@apply underline;
/* This is required in order to improve text readability in Arabic */
text-underline-position: under;
}
@supports not (text-underline-position: under) {
a {
text-underline-offset: 0.1em;
}
}
code {
@apply bg-background-tertiary text-foreground-tertiary;
}
:not(pre) > code {
@apply border-1 border-gray-450;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin-bottom: 12.5px;
}
/* Override the Tailwind's placeholder text color. */
/* https://github.com/tailwindlabs/tailwindcss/blob/3.4/src/css/preflight.css#L335 */
input::placeholder,
textarea::placeholder {
@apply text-foreground-quaternary opacity-70;
}
}
@tailwind components;
@tailwind utilities;