aboutsummaryrefslogtreecommitdiff
path: root/themes/simple/static/css/tailwind.css
diff options
context:
space:
mode:
Diffstat (limited to 'themes/simple/static/css/tailwind.css')
-rw-r--r--themes/simple/static/css/tailwind.css140
1 files changed, 18 insertions, 122 deletions
diff --git a/themes/simple/static/css/tailwind.css b/themes/simple/static/css/tailwind.css
index edbb0ab..05b6492 100644
--- a/themes/simple/static/css/tailwind.css
+++ b/themes/simple/static/css/tailwind.css
@@ -20,7 +20,7 @@
20 20
21/* Headings */ 21/* Headings */
22article.single h2 { 22article.single h2 {
23 @apply text-2xl font-bold mb-4 mt-8; 23 @apply text-2xl font-bold mb-8 mt-8;
24} 24}
25 25
26article.single h3 { 26article.single h3 {
@@ -38,11 +38,11 @@ article.single p {
38 38
39/* Links */ 39/* Links */
40article.single a { 40article.single a {
41 @apply underline hover:bg-yellow-100; 41 @apply underline-offset-2 decoration-1 decoration-wavy underline hover:bg-yellow-100;
42} 42}
43 43
44/* Blockquote */ 44/* Blockquote */
45article.single blockquote { 45article.single .content blockquote {
46 background-image: url('/general/alert-light.svg'); 46 background-image: url('/general/alert-light.svg');
47 background-size: 30px 30px; 47 background-size: 30px 30px;
48 background-repeat: no-repeat; 48 background-repeat: no-repeat;
@@ -50,6 +50,10 @@ article.single blockquote {
50 @apply pl-12 my-8; 50 @apply pl-12 my-8;
51} 51}
52 52
53article.single .content blockquote p {
54 @apply mb-2;
55}
56
53/* Media: Images, audio, video */ 57/* Media: Images, audio, video */
54article.single img { 58article.single img {
55 @apply rounded w-full !bg-gray-50 my-8; 59 @apply rounded w-full !bg-gray-50 my-8;
@@ -90,13 +94,21 @@ article.single table th {
90} 94}
91 95
92/* Unordered list */ 96/* Unordered list */
93article.single ul { 97article.single .content ul {
94 @apply list-disc pl-6 md:pl-10 mb-6; 98 @apply list-disc pl-6 md:pl-10 mb-6;
95} 99}
96 100
97/* Ordered list */ 101/* Ordered list */
98article.single ol { 102article.single .content ol {
99 @apply list-decimal pl-8 md:pl-10; 103 @apply list-decimal pl-8 md:pl-10 mb-6;
104}
105
106/* Table of contents */
107article.single #TableOfContents {
108 @apply mb-10 ml-4 leading-relaxed;
109}
110article.single #TableOfContents ul {
111 @apply list-decimal pl-4 md:pl-6;
100} 112}
101 113
102/* Katex */ 114/* Katex */
@@ -117,119 +129,3 @@ article.single .ll-iframe::before {
117article.single .ll-iframe.empty::before { 129article.single .ll-iframe.empty::before {
118 content: none; 130 content: none;
119} 131}
120
121/* Cactus Comments */
122.comments img {
123 max-width: auto !important;
124 max-width: unset !important;
125 max-width: inherit !important;
126}
127
128.cactus-container .cactus-editor-textarea {
129 @apply border w-full h-32 px-3 py-2 outline-none rounded mb-2;
130}
131
132.cactus-container .cactus-editor-name input {
133 @apply border w-full px-3 py-2 mb-2 outline-none rounded;
134}
135
136.cactus-container .cactus-editor-name {
137 @apply mb-1;
138}
139
140/* Cactus: Buttons */
141.cactus-editor-buttons {
142 @apply flex gap-2;
143}
144
145.cactus-container .cactus-button {
146 @apply text-base bg-gray-200 hover:bg-gray-300 font-medium px-6 py-2 rounded;
147}
148
149.cactus-container .cactus-editor {
150 @apply mb-10;
151}
152
153/* Cactus: Comment List */
154.cactus-container .cactus-comments-list {
155 @apply flex flex-col gap-8;
156}
157
158.cactus-container .cactus-comment {
159 @apply flex gap-4;
160}
161
162.cactus-container .cactus-comment .cactus-comment-avatar img {
163 @apply w-8 h-8 rounded-full;
164}
165
166.cactus-container .cactus-comment .cactus-comment-avatar-placeholder {
167 @apply w-8 h-8 rounded-full bg-gray-300;
168}
169
170.cactus-container .cactus-comment .cactus-comment-header {
171 @apply flex gap-2 items-center;
172}
173
174.cactus-container .cactus-comment .cactus-comment-header .cactus-comment-displayname {
175 @apply font-semibold;
176}
177
178.cactus-container .cactus-comment .cactus-comment-header .cactus-comment-time {
179 @apply text-gray-400 text-sm;
180}
181
182.cactus-container .cactus-comment .cactus-message-text code {
183 @apply bg-yellow-100 rounded px-2 py-1 text-xs font-medium;
184}
185
186/* Unordered list */
187.cactus-container .cactus-comment .cactus-message-text ul {
188 @apply list-disc pl-2 md:pl-6;
189}
190
191/* Ordered list */
192.cactus-container .cactus-comment .cactus-message-text ol {
193 @apply list-decimal pl-2 md:pl-6;
194}
195
196/* Cactus: Login */
197.cactus-container .cactus-login-form-wrapper {
198 @apply border mb-6 p-3 relative rounded;
199}
200
201.cactus-container .cactus-login-form .cactus-login-close {
202 @apply absolute right-3 top-3 w-4 h-4;
203}
204
205.cactus-container .cactus-login-form .cactus-login-title {
206 @apply font-bold mb-4 mt-0 pt-0;
207}
208
209/* Cactus: Login with a button */
210.cactus-container .cactus-login-form .cactus-login-client {
211 @apply mb-6;
212}
213
214.cactus-container .cactus-login-form .cactus-login-client-title {
215 @apply font-semibold mb-2;
216}
217
218/* Cactus: Login with credentials */
219.cactus-container .cactus-login-form .cactus-login-credentials {}
220
221.cactus-container .cactus-login-form .cactus-login-credentials-title {
222 @apply font-semibold mb-1;
223}
224
225.cactus-container .cactus-login-form .cactus-login-field {
226 @apply flex gap-4 mb-2 items-center;
227}
228
229.cactus-container .cactus-login-form .cactus-login-label {
230 @apply w-20;
231}
232
233.cactus-container .cactus-login-form input {
234 @apply border px-2 py-1 rounded;
235}