florian.richer/portfolio_leptos
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refactor title to nav

Browse source
This commit is contained in:
Florian RICHER 2024-01-07 23:00:54 +01:00
parent 60a36f0eb8
commit 9cd4298764
14 changed files with 98 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

41
style/post.css
View file

@ -1,32 +1,31 @@
@layer components {
.posts, .post {
@apply bg-surface dark:bg-dark_surface text-on_surface dark:text-dark_on_surface;
@apply min-h-screen p-5;
@apply min-h-screen;
& h1 {
@apply text-5xl;
}
& h2 {
@apply text-4xl;
}
& h3 {
& h2 {
@apply text-3xl;
}
& h4 {
& h3 {
@apply text-2xl;
}
& h5 {
& h4 {
@apply text-xl;
}
& h6 {
& h5 {
@apply text-lg;
}
& h6 {
@apply text-base;
}
& h1, & h2, & h3, & h4, & h5, & h6 {
@apply my-3 font-bold;
}
@ -36,25 +35,39 @@
}
& ul li {
@apply list-disc list-inside;
@apply list-disc list-inside ml-5;
}
& ol li {
@apply list-decimal list-inside;
@apply list-decimal list-inside ml-5;
}
& a {
@apply text-primary;
}
& blockquote {
@apply border-l-4 border-primary/50 dark:border-dark_primary/50 pl-3 my-3;
@apply border-l-4 border-primary/50 dark:border-dark_primary/50 pl-3 my-3 bg-primary/5 dark:bg-dark_primary/5;
}
& .tags_list {
@apply flex flex-row flex-wrap gap-2;
}
& code {
@apply bg-primary/10 dark:bg-dark_primary/10 rounded-md p-1;
}
/* Fix useless padding */
& pre code {
@apply p-0;
}
}
.posts {
& > .posts__cards {
@apply grid grid-cols-1 gap-5 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 m-5;
@apply grid grid-cols-1 gap-5 md:grid-cols-2;
@apply mx-auto max-w-3xl;
& > div {
@apply rounded-xl overflow-hidden relative;