style: format styles with Tailwind Prettier plugin

This commit is contained in:
satnaing
2023-01-31 15:53:49 +06:30
parent ca7d9b10e6
commit 1a427285f3
15 changed files with 80 additions and 80 deletions
+4 -4
View File
@@ -28,15 +28,15 @@ import LinkButton from "@components/LinkButton.astro";
<style>
#main-content {
@apply max-w-3xl mx-auto flex-1 justify-center items-center flex;
@apply mx-auto flex max-w-3xl flex-1 items-center justify-center;
}
.not-found-wrapper {
@apply flex flex-col items-center justify-center mb-14;
@apply mb-14 flex flex-col items-center justify-center;
}
.not-found-wrapper h1 {
@apply font-bold text-9xl text-skin-accent;
@apply text-9xl font-bold text-skin-accent;
}
.not-found-wrapper p {
@apply text-2xl sm:text-3xl mt-4;
@apply mt-4 text-2xl sm:text-3xl;
}
</style>
+6 -6
View File
@@ -126,22 +126,22 @@ const socialCount = SOCIALS.filter(social => social.active).length;
@apply pt-8 pb-6;
}
#hero h1 {
@apply inline-block font-bold my-4 sm:my-8 text-3xl sm:text-5xl;
@apply my-4 inline-block text-3xl font-bold sm:my-8 sm:text-5xl;
}
#hero .rss-link {
@apply mb-6;
}
#hero .rss-icon {
@apply h-6 w-6 scale-110 sm:scale-125 mb-2 sm:mb-3 fill-skin-accent;
@apply mb-2 h-6 w-6 scale-110 fill-skin-accent sm:mb-3 sm:scale-125;
}
#hero p {
@apply my-2;
}
.social-wrapper {
@apply flex flex-col sm:flex-row sm:items-center mt-4;
@apply mt-4 flex flex-col sm:flex-row sm:items-center;
}
.social-links {
@apply whitespace-nowrap mr-2 sm:mb-0 mb-1;
@apply mr-2 mb-1 whitespace-nowrap sm:mb-0;
}
/* ===== Featured & Recent Posts Sections ===== */
@@ -151,9 +151,9 @@ const socialCount = SOCIALS.filter(social => social.active).length;
}
#featured h2,
#recent-posts h2 {
@apply font-semibold text-2xl tracking-wide;
@apply text-2xl font-semibold tracking-wide;
}
.all-posts-btn-wrapper {
@apply text-center my-8;
@apply my-8 text-center;
}
</style>