satr14/5th-site-expanded
1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

a bit of a redesign

Browse source
This commit is contained in:
satr14 2025-03-27 11:33:29 +07:00
commit 597304e3e3
8 changed files with 186 additions and 262 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/app.css
View file

@ -3,30 +3,30 @@
@tailwind utilities;
* { @apply transition-all duration-300 ease-in-out; }
body { @apply bg-slate-950 text-gray-400 max-w-3xl mx-auto my-8 px-4; }
body { @apply bg-ctp-crust text-ctp-text max-w-3xl mx-auto my-8 px-4; }
h1 { @apply text-3xl md:text-4xl font-semibold my-4; }
h2 { @apply text-2xl md:text-3xl font-bold my-4; }
h3 { @apply text-xl md:text-2xl font-bold my-4; }
h4 { @apply text-lg md:text-xl font-bold my-4; }
h5 { @apply text-base md:text-lg font-bold my-4; }
h6 { @apply text-sm md:text-base font-bold my-4; }
a { @apply text-sky-300 hover:text-sky-100 underline; }
article { @apply p-2 sm:p-4 text-slate-300; }
a { @apply text-ctp-sapphire hover:text-ctp-sky underline; }
article { @apply p-2 sm:p-4 text-ctp-subtext0; }
p { @apply my-4 text-sm sm:text-base; }
code { @apply bg-slate-800 p-0.5 rounded-md; }
pre { @apply bg-slate-800 p-4 rounded-md my-4 overflow-x-auto; }
blockquote { @apply bg-slate-800 text-gray-400 p-4; }
hr { @apply my-4 border-gray-700; }
code { @apply bg-ctp-overlay0 p-0.5 rounded-md; }
pre { @apply bg-ctp-overlay0 p-4 rounded-md my-4 overflow-x-auto; }
blockquote { @apply bg-ctp-overlay0 p-4; }
hr { @apply my-4 border-ctp-overlay1; }
ul { @apply list-disc ml-6; }
ol { @apply list-decimal ml-6; }
header { @apply flex flex-col justify-between items-center gap-4; }
nav { @apply flex gap-4; }
img { @apply object-cover object-center; }
form { @apply my-4 flex flex-col justify-center items-start; }
input { @apply m-1 py-1 px-2 w-full border bg-gray-700 text-gray-300; }
button { @apply m-1 py-1 px-2 w-full bg-gray-400 text-slate-900; }
input { @apply m-1 py-1 px-2 w-full border bg-ctp-overlay1 text-ctp-subtext1; }
button { @apply m-1 py-1 px-2 w-full text-base; }
footer { @apply my-4 text-center; }
table { @apply w-full my-4; }
thead { @apply bg-slate-800 text-gray-400; }
tbody { @apply bg-slate-900 text-slate-300; }
tr, th, td { @apply p-1 border border-gray-700; }
thead { @apply bg-ctp-overlay0; }
tbody { @apply bg-ctp-base text-ctp-subtext0; }
tr, th, td { @apply p-1 border border-ctp-overlay1; }