aboutsummaryrefslogtreecommitdiff
path: root/themes/simple/layouts/partials/tailwind.html
diff options
context:
space:
mode:
Diffstat (limited to 'themes/simple/layouts/partials/tailwind.html')
-rwxr-xr-xthemes/simple/layouts/partials/tailwind.html235
1 files changed, 0 insertions, 235 deletions
diff --git a/themes/simple/layouts/partials/tailwind.html b/themes/simple/layouts/partials/tailwind.html
deleted file mode 100755
index b6fd763..0000000
--- a/themes/simple/layouts/partials/tailwind.html
+++ /dev/null
@@ -1,235 +0,0 @@
1<style type="text/tailwindcss">
2 @layer utilities {
3
4 /* Container */
5 .container-blog {
6 max-width: 700px;
7 }
8
9 /* User text selection */
10 ::selection {
11 @apply bg-yellow-100 text-black;
12 }
13
14 ::-moz-selection {
15 @apply bg-yellow-100 text-black;
16 }
17
18 /* Headings */
19 article.single h2 {
20 @apply text-2xl font-bold mb-4 mt-8;
21 }
22
23 article.single h3 {
24 @apply text-xl font-bold mb-4 mt-8;
25 }
26
27 article.single h4 {
28 @apply text-lg font-bold mb-4 mt-8;
29 }
30
31 /* Paragraph */
32 article.single p {
33 @apply mb-5;
34 }
35
36 /* Links */
37 article.single a {
38 @apply underline hover:bg-yellow-100;
39 }
40
41 /* Blockquote */
42 article.single blockquote {
43 background-image: url('/general/alert-light.svg');
44 background-size: 30px 30px;
45 background-repeat: no-repeat;
46 background-position: 0 5px;
47 @apply pl-12 my-8;
48 }
49
50 /* Media: Images, audio, video */
51 article.single img {
52 @apply rounded w-full !bg-gray-50 my-8;
53 }
54
55 article.single video {
56 @apply rounded w-full !bg-gray-50;
57 }
58
59 article.single audio {
60 @apply w-full mb-6;
61 }
62
63 /* Code */
64 article.single code {
65 @apply bg-yellow-100 rounded px-2 py-1 text-xs font-medium;
66 }
67
68 article.single pre {
69 @apply !bg-gray-50 rounded text-xs p-4 mb-6 overflow-x-auto;
70 }
71
72 article.single pre code {
73 background: unset;
74 padding: unset;
75 @apply leading-relaxed;
76 }
77
78 /* Tables */
79 article.single table {
80 @apply w-full border border-black border-collapse mb-4;
81 }
82
83 article.single table tr,
84 article.single table td,
85 article.single table th {
86 @apply px-4 py-2 border text-left;
87 }
88
89 /* Unordered list */
90 article.single ul {
91 @apply list-disc pl-6 md:pl-10 mb-6;
92 }
93
94 /* Ordered list */
95 article.single ol {
96 @apply list-decimal pl-8 md:pl-10;
97 }
98
99 /* Katex */
100 article.single .katex-display {
101 @apply my-10;
102 }
103
104 /* Lazy loading of iframes */
105 article.single .ll-iframe {
106 @apply bg-gray-100 rounded;
107 }
108
109 article.single .ll-iframe::before {
110 @apply h-full flex border-2 border-gray-300 rounded justify-center items-center font-medium text-sm cursor-pointer animate-pulse;
111 content: 'Click here to load resource…';
112 }
113
114 article.single .ll-iframe.empty::before {
115 content: none;
116 }
117
118 /* Cactus Comments */
119 .comments img {
120 max-width: auto !important;
121 max-width: unset !important;
122 max-width: inherit !important;
123 }
124 .cactus-container .cactus-editor-textarea {
125 @apply border w-full h-32 px-3 py-2 outline-none rounded mb-2;
126 }
127
128 .cactus-container .cactus-editor-name input {
129 @apply border w-full px-3 py-2 mb-2 outline-none rounded;
130 }
131
132 .cactus-container .cactus-editor-name {
133 @apply mb-1;
134 }
135
136 /* Cactus: Buttons */
137 .cactus-editor-buttons {
138 @apply flex gap-2;
139 }
140
141 .cactus-container .cactus-button {
142 @apply text-base bg-gray-200 hover:bg-gray-300 font-medium px-6 py-2 rounded;
143 }
144
145 .cactus-container .cactus-editor {
146 @apply mb-10;
147 }
148
149 /* Cactus: Comment List */
150 .cactus-container .cactus-comments-list {
151 @apply flex flex-col gap-8;
152 }
153
154 .cactus-container .cactus-comment {
155 @apply flex gap-4;
156 }
157
158 .cactus-container .cactus-comment .cactus-comment-avatar img {
159 @apply w-8 h-8 rounded-full;
160 }
161
162 .cactus-container .cactus-comment .cactus-comment-avatar-placeholder {
163 @apply w-8 h-8 rounded-full bg-gray-300;
164 }
165
166 .cactus-container .cactus-comment .cactus-comment-header {
167 @apply flex gap-2 items-center;
168 }
169
170 .cactus-container .cactus-comment .cactus-comment-header .cactus-comment-displayname {
171 @apply font-semibold;
172 }
173
174 .cactus-container .cactus-comment .cactus-comment-header .cactus-comment-time {
175 @apply text-gray-400 text-sm;
176 }
177
178 .cactus-container .cactus-comment .cactus-message-text code {
179 @apply bg-yellow-100 rounded px-2 py-1 text-xs font-medium;
180 }
181
182 /* Unordered list */
183 .cactus-container .cactus-comment .cactus-message-text ul {
184 @apply list-disc pl-2 md:pl-6;
185 }
186
187 /* Ordered list */
188 .cactus-container .cactus-comment .cactus-message-text ol {
189 @apply list-decimal pl-2 md:pl-6;
190 }
191
192 /* Cactus: Login */
193 .cactus-container .cactus-login-form-wrapper {
194 @apply border mb-6 p-3 relative rounded;
195 }
196
197 .cactus-container .cactus-login-form .cactus-login-close {
198 @apply absolute right-3 top-3 w-4 h-4;
199 }
200
201 .cactus-container .cactus-login-form .cactus-login-title {
202 @apply font-bold mb-4 mt-0 pt-0;
203 }
204
205 /* Cactus: Login with a button */
206 .cactus-container .cactus-login-form .cactus-login-client {
207 @apply mb-6;
208 }
209
210 .cactus-container .cactus-login-form .cactus-login-client-title {
211 @apply font-semibold mb-2;
212 }
213
214 /* Cactus: Login with credentials */
215 .cactus-container .cactus-login-form .cactus-login-credentials {
216 }
217
218 .cactus-container .cactus-login-form .cactus-login-credentials-title {
219 @apply font-semibold mb-1;
220 }
221
222 .cactus-container .cactus-login-form .cactus-login-field {
223 @apply flex gap-4 mb-2 items-center;
224 }
225
226 .cactus-container .cactus-login-form .cactus-login-label {
227 @apply w-20;
228 }
229
230 .cactus-container .cactus-login-form input {
231 @apply border px-2 py-1 rounded;
232 }
233
234 }
235</style>
generated by cgit v1.2.3 (git 2.46.0) at 2026-04-30 22:32:55 +0000