584a9ccd51
(1) added typography classes & reset layout for post templates based on it; (2) removed landing page illustration and replaced it with the video; (3) removed fancy patterns from post templates (4) some minor cleanup
73 lines
1.2 KiB
CSS
73 lines
1.2 KiB
CSS
/* Tailwind */
|
|
@import "tailwindcss/base";
|
|
@import "tailwindcss/components";
|
|
@import "tailwindcss/utilities";
|
|
|
|
/* Main
|
|
/* ---------------------------------------------------------- */
|
|
|
|
.text-gradient {
|
|
background-clip: text;
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
color: transparent;
|
|
}
|
|
|
|
.w-default {
|
|
@apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;
|
|
}
|
|
|
|
.page-about-content h2, .page-about-content h3 {
|
|
@apply my-10;
|
|
}
|
|
|
|
/*
|
|
.post-body h2 {
|
|
@apply text-4xl my-4 px-4 sm:px-2 md:px-0;
|
|
}
|
|
|
|
.post-body h3 {
|
|
@apply text-2xl my-4 px-4 sm:px-2 md:px-0;
|
|
}
|
|
|
|
.post-body p{
|
|
@apply my-3 mx-auto text-lg max-w-prose mx-auto px-4 sm:px-2 md:px-0;
|
|
}
|
|
|
|
.post-body blockquote {
|
|
@apply my-4 pl-2 text-lg border-l-2 mx-auto max-w-prose border-l-4 border-blue-600 pl-5;
|
|
}
|
|
|
|
.post-body figure {
|
|
@apply my-10;
|
|
}
|
|
|
|
.post-body hr{
|
|
@apply my-10;
|
|
}
|
|
|
|
.post-body ul{
|
|
@apply text-lg my-4 list-inside list-disc my-3 mx-auto text-lg max-w-prose mx-auto px-4 sm:px-2 md:px-0;
|
|
}
|
|
|
|
.post-body li{
|
|
@apply text-lg;
|
|
}
|
|
|
|
.post-body a {
|
|
@apply text-blue-500 font-normal;
|
|
}
|
|
|
|
.post-body a:hover {
|
|
@apply font-bold;
|
|
}
|
|
|
|
.post-body pre {
|
|
@apply p-4 px-8 my-10 rounded-xl bg-gray-200 dark:bg-gray-700 shadow-xl;
|
|
}*/
|
|
|
|
figcaption{
|
|
@apply text-sm text-center;
|
|
}
|
|
|