141 lines
1.8 KiB
CSS
141 lines
1.8 KiB
CSS
@tailwind base;
|
|
|
|
html,
|
|
body {
|
|
@apply antialiased;
|
|
@apply text-black;
|
|
}
|
|
|
|
@tailwind components;
|
|
|
|
details.hide-summary-arrow summary::-webkit-details-marker {
|
|
display: none;
|
|
}
|
|
|
|
.from-markdown {
|
|
@apply leading-relaxed;
|
|
|
|
> * + * {
|
|
@apply mt-4;
|
|
}
|
|
|
|
> :first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
ul,
|
|
ol {
|
|
@apply pl-10;
|
|
}
|
|
|
|
ul {
|
|
@apply list-disc;
|
|
}
|
|
|
|
ol {
|
|
@apply list-decimal;
|
|
}
|
|
|
|
li > * + * {
|
|
@apply mt-4;
|
|
}
|
|
|
|
> ul > * + *,
|
|
> ol > * + * {
|
|
@apply mt-4;
|
|
}
|
|
|
|
> blockquote {
|
|
@apply px-4 py-3 text-sm font-medium text-gray-900 border border-gray-400 rounded-md bg-gray-50;
|
|
}
|
|
|
|
h1 {
|
|
@apply mt-16 mb-4 text-3xl font-extrabold leading-tight tracking-tight;
|
|
@screen sm {
|
|
@apply text-4xl leading-10;
|
|
}
|
|
@screen xl {
|
|
@apply text-5xl leading-none;
|
|
}
|
|
}
|
|
|
|
h1 + p {
|
|
@apply max-w-2xl mt-3 text-base text-gray-900;
|
|
|
|
@screen sm {
|
|
@apply mt-5 text-lg;
|
|
}
|
|
@screen md {
|
|
@apply mt-5 text-xl;
|
|
}
|
|
}
|
|
|
|
h2 {
|
|
@apply mb-4 text-2xl font-bold leading-tight mt-14;
|
|
}
|
|
|
|
h3 {
|
|
@apply mt-12 mb-4 text-xl font-semibold leading-tight;
|
|
}
|
|
|
|
h4 {
|
|
@apply mt-10 mb-4 text-lg font-semibold leading-tight;
|
|
}
|
|
|
|
h5 {
|
|
@apply mt-8 mb-4 text-base font-semibold leading-tight;
|
|
}
|
|
|
|
h6 {
|
|
@apply mt-6 mb-4 text-sm font-semibold leading-tight;
|
|
}
|
|
|
|
> a,
|
|
> p a,
|
|
> ul li a,
|
|
> ol li a {
|
|
@apply border-b border-gray-800;
|
|
&:hover {
|
|
@apply text-gray-700;
|
|
}
|
|
}
|
|
|
|
table {
|
|
@apply w-full my-8 border-t;
|
|
}
|
|
|
|
tbody {
|
|
@apply border-t;
|
|
}
|
|
|
|
tr > td,
|
|
tr > th {
|
|
@apply py-4 pr-6 text-sm leading-6 text-left border-b;
|
|
}
|
|
|
|
th:empty {
|
|
display: none;
|
|
}
|
|
|
|
.screenshot {
|
|
@apply border border-gray-400 rounded-md;
|
|
}
|
|
}
|
|
|
|
@tailwind utilities;
|
|
|
|
.blur-none {
|
|
filter: blur(0rem);
|
|
}
|
|
|
|
.blur-sm {
|
|
filter: blur(1rem);
|
|
}
|
|
|
|
.blur-md {
|
|
filter: blur(1.5rem);
|
|
}
|
|
|
|
.blur-lg {
|
|
filter: blur(2rem);
|
|
}
|