69 lines
1.6 KiB
CSS
69 lines
1.6 KiB
CSS
|
@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;
|
||
|
|
}
|