konstantin/iamkonstantin
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages 1 Wiki Activity

Add tailwindcss

Browse source
This commit is contained in:
Konstantin 2024-03-15 07:26:20 +01:00
parent 24123c99cf
commit 9a5489c170
17 changed files with 1833 additions and 102 deletions
Download patch file Download diff file Expand all files Collapse all files

69
theme/static_src/src/styles.css Normal file
View file

@ -0,0 +1,69 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer components {
p > a,
nav > a,
li > a {
@apply border-klavender border-b-2;
}
h1 {
@apply mt-8 mb-6 text-2xl sm:text-4xl lg:text-4xl leading-none font-extrabold tracking-tight text-gray-900 dark:text-white;
}
h2 {
@apply mt-6 mb-4 text-xl sm:text-3xl lg:text-3xl leading-none font-extrabold tracking-tight text-gray-900 dark:text-white;
}
h3 {
@apply mt-4 mb-2 text-xl sm:text-2xl lg:text-2xl leading-none font-extrabold tracking-tight text-gray-900 dark:text-white;
}
h4 {
@apply mt-2 mb-1 text-lg sm:text-2xl lg:text-2xl leading-none font-extrabold tracking-tight text-gray-900 dark:text-white;
}
p {
@apply my-2 mb-3 text-lg leading-relaxed;
}
@media print {
h1 {
@apply mt-6 mb-4 text-xl;
}
h2 {
@apply mt-4 mb-2 text-base;
}
h3 {
@apply text-base;
}
p {
@apply text-sm my-1;
}
.ppb {
page-break-before: always;
}
}
.primary-button {
@apply rounded-full bg-indigo-600 px-4 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600;
}
}
.tags {
@apply flex flex-col;
}
.tags ul {
@apply flex space-x-4;
}
.tags a {
@apply border-b-0 inline-flex items-center rounded-md bg-green-50 px-2 py-1 text-xs font-medium text-green-700 ring-1 ring-inset ring-green-600/20;
}