Files
ghost-theme/assets/css/screen.css
T
Dimitrie Stefanescu 584a9ccd51 feat(theme): major changes across the board
(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
2021-06-13 13:23:58 +01:00

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;
}