michalvankodev/michalvankodev-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

post parsing with different comrak

Browse Source
This commit is contained in:
Michal Vanko
2024-03-02 13:12:55 +01:00
parent 4fd4373ed0
commit 49b92088b7
8 changed files with 188 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
axum_server/styles/input.css
View File

@ -1,3 +1,20 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
.article-body {
h1 {
@apply px-4 text-2xl text-blue-900 my-2;
}
h2 {
@apply px-4 text-xl text-blue-900 my-2;
}
p {
@apply px-4 my-2;
}
pre {
@apply p-4 my-1 overflow-auto text-sm;
}
}
}

200
axum_server/styles/output.css
View File

@ -444,6 +444,63 @@ video {
display: none;
}
.article-body {
h1 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
h1 {
padding-left: 1rem;
padding-right: 1rem;
}
h1 {
font-size: 1.5rem;
line-height: 2rem;
}
h1 {
--tw-text-opacity: 1;
color: rgb(30 58 138 / var(--tw-text-opacity));
}
h2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
h2 {
padding-left: 1rem;
padding-right: 1rem;
}
h2 {
font-size: 1.25rem;
line-height: 1.75rem;
}
h2 {
--tw-text-opacity: 1;
color: rgb(30 58 138 / var(--tw-text-opacity));
}
p {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
p {
padding-left: 1rem;
padding-right: 1rem;
}
pre {
margin-top: 0.25rem;
margin-bottom: 0.25rem;
}
pre {
overflow: auto;
}
pre {
padding: 1rem;
}
pre {
font-size: 0.875rem;
line-height: 1.25rem;
}
}
*, ::before, ::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
@ -544,64 +601,30 @@ video {
--tw-backdrop-sepia: ;
}
.m-3 {
margin: 0.75rem;
}
.m-1 {
margin: 0.25rem;
}
.my-3 {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.my-5 {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.my-8 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.my-10 {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.my-12 {
margin-top: 3rem;
margin-bottom: 3rem;
}
.mx-4 {
margin-left: 1rem;
margin-right: 1rem;
}
.my-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mx-3 {
margin-left: 0.75rem;
margin-right: 0.75rem;
}
.mx-6 {
margin-left: 1.5rem;
margin-right: 1.5rem;
}
.my-12 {
margin-top: 3rem;
margin-bottom: 3rem;
}
.my-3 {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
.mb-3 {
margin-bottom: 0.75rem;
}
@ -661,15 +684,6 @@ video {
padding: 0.75rem;
}
.p-2 {
padding: 0.5rem;
}
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
@ -680,38 +694,10 @@ video {
padding-right: 1.25rem;
}
.pr-2 {
padding-right: 0.5rem;
}
.pr-3 {
padding-right: 0.75rem;
}
.text-right {
text-align: right;
}
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
@ -722,6 +708,25 @@ video {
line-height: 2.5rem;
}
.text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.font-extrabold {
font-weight: 800;
}
.font-medium {
font-weight: 500;
}
@ -730,23 +735,10 @@ video {
font-weight: 600;
}
.font-bold {
font-weight: 700;
}
.font-extrabold {
font-weight: 800;
}
.italic {
font-style: italic;
}
.text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-blue-700 {
--tw-text-opacity: 1;
color: rgb(29 78 216 / var(--tw-text-opacity));
@ -757,21 +749,21 @@ video {
color: rgb(30 64 175 / var(--tw-text-opacity));
}
.text-gray-800 {
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-blue-950 {
--tw-text-opacity: 1;
color: rgb(23 37 84 / var(--tw-text-opacity));
}
.text-blue-900 {
--tw-text-opacity: 1;
color: rgb(30 58 138 / var(--tw-text-opacity));
}
.text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-gray-800 {
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.drop-shadow-md {
--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);