aboutsummaryrefslogtreecommitdiff
path: root/themes/simple/static/css/tailwind.css
diff options
context:
space:
mode:
authorMitja Felicijan <m@mitjafelicijan.com>2023-07-08 23:25:41 +0200
committerMitja Felicijan <m@mitjafelicijan.com>2023-07-08 23:25:41 +0200
commitcd6644ea4ddc78597934ab0ef5ba50e3c3daa927 (patch)
tree03de331a8db6386dfd6fa75155bfbcea6b4feaf3 /themes/simple/static/css/tailwind.css
parent84ed124529ffeee1590295b8de3a8faf51848680 (diff)
downloadmitjafelicijan.com-cd6644ea4ddc78597934ab0ef5ba50e3c3daa927.tar.gz
Moved to a simpler SSG
Diffstat (limited to 'themes/simple/static/css/tailwind.css')
-rw-r--r--themes/simple/static/css/tailwind.css166
1 files changed, 0 insertions, 166 deletions
diff --git a/themes/simple/static/css/tailwind.css b/themes/simple/static/css/tailwind.css
deleted file mode 100644
index 9de02d7..0000000
--- a/themes/simple/static/css/tailwind.css
+++ /dev/null
@@ -1,166 +0,0 @@
1@tailwind base;
2@tailwind components;
3@tailwind utilities;
4
5* { cursor: url(/general/9front-cursor.png), auto; }
6
7/* Container */
8.container-blog {
9 max-width: 740px;
10}
11
12/* User text selection */
13::selection {
14 @apply bg-yellow-200 text-black;
15}
16
17::-moz-selection {
18 @apply bg-yellow-200 text-black;
19}
20
21/* Helpers */
22
23a:hover {
24 color: blue;
25}
26
27.blue {
28 color: blue;
29}
30
31/* Headings */
32article.single h2 {
33 @apply text-2xl font-bold mb-8 mt-8 leading-tight;
34}
35
36article.single.note h2 {
37 @apply text-2xl font-bold mb-1 mt-8 leading-tight;
38}
39
40article.single h3 {
41 @apply text-xl font-bold mb-4 mt-8 leading-tight;
42}
43
44article.single h4 {
45 @apply text-lg font-bold mb-4 mt-8 leading-tight;
46}
47
48/* Paragraph */
49article.single p {
50 @apply mb-5;
51}
52
53/* Links */
54article.single a {
55 @apply underline-offset-2 underline;
56}
57
58/* Blockquote */
59article.single .content blockquote {
60 background-image: url('/general/alert-light.svg');
61 background-size: 30px 30px;
62 background-repeat: no-repeat;
63 background-position: 0 5px;
64 @apply pl-12 my-8;
65}
66
67article.single .content blockquote p {
68 @apply mb-2;
69}
70
71/* Media: Images, audio, video */
72article.single figure {
73 @apply my-8;
74}
75
76article.single figure figcaption {
77 @apply text-center italic mt-1;
78}
79
80article.single img {
81 @apply rounded w-full !bg-gray-50;
82
83 image-rendering: crisp-edges;
84 image-rendering: -webkit-optimize-contrast;
85}
86
87article.single video {
88 @apply rounded w-full !bg-gray-50;
89}
90
91article.single audio {
92 @apply w-full mb-6;
93}
94
95/* Code */
96article.single code {
97 @apply bg-yellow-200 rounded px-2 py-1 text-xs font-medium;
98}
99
100article.single.note code {
101 @apply bg-gray-100 rounded px-2 py-1 text-xs font-medium;
102}
103
104article.single pre {
105 @apply !bg-gray-50 rounded text-xs p-4 mb-6 overflow-x-auto;
106}
107
108article.single pre code,
109article.single.note pre code {
110 background: unset;
111 padding: unset;
112 @apply leading-relaxed;
113}
114
115/* Tables */
116article.single table {
117 @apply w-full border border-black border-collapse mb-4;
118}
119
120article.single table tr,
121article.single table td,
122article.single table th {
123 @apply px-4 py-2 border text-left;
124}
125
126/* Unordered list */
127article.single .content ul {
128 @apply list-disc pl-6 md:pl-10 mb-6;
129}
130
131/* Ordered list */
132article.single .content ol {
133 @apply list-decimal pl-8 md:pl-10 mb-6;
134}
135
136/* Table of contents */
137article.single #TableOfContents {
138 @apply mb-10 ml-4 leading-relaxed;
139}
140article.single #TableOfContents ul {
141 @apply list-decimal pl-4 md:pl-6;
142}
143
144/* Lists */
145article.single .content ul ul {
146 margin-bottom: auto;
147}
148
149/* Katex */
150article.single .katex-display {
151 @apply my-10;
152}
153
154/* Lazy loading of iframes */
155article.single .ll-iframe {
156 @apply bg-gray-100 rounded;
157}
158
159article.single .ll-iframe::before {
160 @apply h-full flex border-2 border-gray-300 rounded justify-center items-center font-medium text-sm cursor-pointer animate-pulse;
161 content: 'Click here to load resource…';
162}
163
164article.single .ll-iframe.empty::before {
165 content: none;
166}