tokono.ma
1@charset "UTF-8";
2
3/* Imports
4 ------- */
5
6@import "tailwindcss/base";
7@import "tailwindcss/components";
8@import "tailwindcss/utilities";
9
10@import "Fonts.css";
11@import "Logo.css";
12
13/* Basic
14 ----- */
15
16p a,
17ul a,
18ol a {
19 @apply underline;
20 text-underline-offset: 2px;
21}
22
23h1,
24h2,
25h3,
26h4,
27h5,
28h6 {
29 @apply font-bold leading-tight antialiased;
30 font-family: "Playfair Display", serif;
31 letter-spacing: -0.005em;
32}
33
34h1 {
35 display: none;
36}
37
38h2 {
39 @apply mb-6 mt-12 text-2xl;
40}
41
42h3 {
43 @apply mb-5 mt-8 text-xl;
44}
45
46h4 {
47 @apply mb-4 mt-6 text-lg;
48}
49
50h5 {
51 @apply mb-5 mt-6 text-base;
52}
53
54p {
55 @apply my-3 leading-relaxed;
56}
57
58strong {
59 @apply font-semibold;
60}
61
62/* Blockquote
63 ---------- */
64
65blockquote {
66 @apply font-display mb-12 ml-0 mt-12 max-w-xl pl-0 font-bold tracking-tight;
67}
68
69blockquote p {
70 @apply text-5xl leading-tight;
71 background: url(images/Background/21.jpg);
72 background-position: center 33%;
73 background-size: cover;
74 color: #b7c2d4;
75
76 background-clip: text;
77 -webkit-background-clip: text;
78 -webkit-text-fill-color: transparent;
79}
80
81/* Code
82 ---- */
83
84pre {
85 @apply overflow-x-auto overflow-y-hidden rounded border-2 border-gray-400 p-6 text-sm leading-relaxed;
86}
87
88code {
89 @apply font-mono;
90}
91
92@screen dark {
93 pre {
94 @apply border-base01;
95 }
96}
97
98.hljs-comment,
99.language-shell .hljs-meta,
100.language-shell .hljs-meta + .bash {
101 opacity: 0.5;
102}
103
104.hljs-string {
105 @apply text-base0b;
106}
107
108/* Links
109 ----- */
110
111h5 + p a {
112 @apply mb-2 inline-block;
113}
114
115/* Lists
116 ----- */
117
118ul,
119ol {
120 @apply ml-3 leading-relaxed;
121}
122
123ul li,
124ol li {
125 @apply mb-1;
126}
127
128ol {
129 counter-reset: ol;
130}
131
132ol li::before {
133 @apply text-base06 inline-block pr-3;
134 counter-increment: ol;
135 content: counters(ol, ".") ".";
136}
137
138ul li::before {
139 @apply text-base06 inline-block pr-3;
140 content: "•";
141}
142
143ul p,
144ol p {
145 @apply my-0 inline;
146}