blob: 68e3b93130a00032354d388ce0724354f2294afa (
plain)
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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
|
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;700&display=swap')
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500&display=swap')
@import "css/highlight.css"
@tailwind base
@tailwind components
@tailwind utilities
@tailwind variants
html
font-family: "Noto Sans", sans-serif
h1
@apply text-2xl
h2
@apply text-xl
h3
@apply text-lg
p,li
@apply text-base
a
@apply underline
button
@apply rounded-xl bg-yellow p-2 text-center
blockquote
@apply bg-surface2 p-2 rounded-xl
p
@apply bg-surface2 text-text
code
@apply bg-surface2 text-text p-0
code
@apply bg-base text-text p-[0.1em]
body
@apply bg-base p-10
footer
@apply text-xs flex items-center justify-center
.container
@apply bg-lavender
@apply flex flex-auto flex-col
@apply items-center justify-center
@apply w-fit mx-auto
@apply rounded-lg
.content
@apply inline-block text-center p-5
img
// this is dumb
@apply mx-auto
.headerbar
@apply flex flex-col
@apply items-center justify-center
@apply mx-auto rounded p-3
#blogpost
h1
@apply bg-base text-4xl mx-auto p-2 mb-5 mt-5 text-text text-center
h2
@apply bg-base text-3xl mx-auto p-2 mb-5 mt-5 text-text text-center
h3
@apply bg-base text-2xl mx-auto p-2 mb-5 mt-5 text-text text-center
@apply lg:max-w-6xl text-left
#commitText
@apply text-subtext1 p-2
#indexHeader
@apply bg-base w-fit h-fit mx-auto rounded p-5 text-text
#gifs
@apply bg-base
@apply hidden min-[1280px]:flex flex-col gap-2
@apply text-center items-center justify-center
@apply m-20 mt-0 mb-5 p-10
@apply rounded-lg drop-shadow-2xl
#gif
@apply flex gap-2
#vidya
@apply flex justify-center p-5
|
