michalvankodev-site/axum_server/styles/input.css

78 lines
1.6 KiB
CSS
Raw Normal View History

2024-02-22 20:13:23 +01:00
@tailwind base;
@tailwind components;
@tailwind utilities;
2024-03-02 13:12:55 +01:00
2024-04-30 23:10:12 +02:00
a {
@apply text-pink-600 underline underline-offset-2;
&:hover {
@apply transition text-blue-400;
}
}
2024-03-02 22:56:06 +01:00
.article-body {
h1 {
2024-09-10 21:58:57 +02:00
@apply px-4 text-2xl text-blue-900 mb-3 mt-4 max-w-read mx-auto md:text-4xl lg:text-5xl;
2024-03-02 22:56:06 +01:00
}
h2 {
2024-09-10 21:58:57 +02:00
@apply px-4 text-xl text-blue-900 mb-3 mt-4 max-w-read mx-auto md:text-2xl md:mb-6 md:mt-8 lg:mb-8 lg:mt-12 lg:text-4xl;
2024-03-02 22:56:06 +01:00
}
p {
2024-09-10 21:58:57 +02:00
@apply px-4 my-2 text-slate-950 text-justify mx-auto max-w-read md:text-lg md:my-8 lg:text-2xl;
2024-03-02 22:56:06 +01:00
}
pre {
2024-09-10 21:58:57 +02:00
@apply p-4 my-1 overflow-auto text-sm mx-auto max-w-read;
2024-03-02 22:56:06 +01:00
}
figure {
2024-09-10 21:58:57 +02:00
@apply p-4;
2024-03-02 22:56:06 +01:00
img {
2024-09-10 21:58:57 +02:00
@apply rounded shadow-md mx-auto max-w-image;
2024-03-02 13:12:55 +01:00
}
}
2024-03-02 22:56:06 +01:00
figcaption {
2024-09-10 21:58:57 +02:00
@apply mt-2 text-center text-sm italic text-blue-800 md:text-base lg:text-lg;
2024-03-02 22:56:06 +01:00
}
2024-09-10 21:58:57 +02:00
2024-03-02 22:56:06 +01:00
table {
2024-09-11 13:15:00 +02:00
@apply text-sm mx-auto my-4 max-w-image table-auto border-collapse border-spacing-12 border border-gray-200 rounded md:text-base lg:text-xl lg:my-8;
2024-09-10 21:58:57 +02:00
}
thead {
@apply bg-blue-100;
}
tbody {
@apply bg-slate-50;
}
td,
th {
@apply py-0.5 px-2 border-b md:py-2 md:px-5;
}
tr {
@apply even:bg-slate-100;
}
blockquote {
@apply mx-6 py-1 px-2 bg-pink-50 lg:mx-auto max-w-note border-l-4 border-pink-500;
p {
@apply my-2 md:my-4 text-slate-600 max-w-note;
}
2024-03-02 22:56:06 +01:00
}
2024-09-11 13:15:00 +02:00
:not(pre) code {
@apply text-pink-950 rounded border border-blue-300 px-1 py-0.5 bg-blue-100 text-sm md:text-base lg:text-xl;
}
pre code pre {
@apply mx-2 rounded lg:mx-auto lg:text-lg shadow-sm lg:max-w-note;
}
2024-03-02 22:56:06 +01:00
}
.video-embed {
2024-09-10 21:58:57 +02:00
@apply m-4 mx-auto max-w-image aspect-video;
2024-03-02 13:12:55 +01:00
}