minor layout fixes
This commit is contained in:
parent
30e8f29d1f
commit
44969cf4dd
8 changed files with 115 additions and 91 deletions
|
@ -4,16 +4,20 @@
|
|||
|
||||
@layer base {
|
||||
@font-face {
|
||||
font-family: NotoEmoji;
|
||||
font-weight: 400;
|
||||
src: url("/static/fonts/NotoEmoji-Regular.ttf") format("truetype");
|
||||
}
|
||||
font-family: NotoEmoji;
|
||||
font-weight: 400;
|
||||
src: url("/static/fonts/NotoEmoji-Regular.ttf") format("truetype");
|
||||
}
|
||||
}
|
||||
|
||||
@layer components {
|
||||
|
||||
section {
|
||||
@apply my-8;
|
||||
}
|
||||
|
||||
.emoji {
|
||||
font-family: NotoEmoji;
|
||||
font-family: NotoEmoji;
|
||||
}
|
||||
|
||||
a {
|
||||
|
@ -21,19 +25,19 @@
|
|||
}
|
||||
|
||||
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;
|
||||
@apply mt-8 mb-6 text-2xl sm:text-4xl lg:text-4xl leading-none font-extrabold tracking-tight text-black 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;
|
||||
@apply mt-6 mb-4 text-xl sm:text-3xl lg:text-3xl leading-none font-extrabold tracking-tight text-black 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;
|
||||
@apply mt-4 mb-2 text-xl sm:text-2xl lg:text-2xl leading-none font-extrabold tracking-tight text-black 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;
|
||||
@apply mt-2 mb-1 text-lg sm:text-2xl lg:text-2xl leading-none font-extrabold tracking-tight text-black dark:text-white;
|
||||
}
|
||||
|
||||
p {
|
||||
|
@ -49,7 +53,6 @@
|
|||
}
|
||||
|
||||
|
||||
|
||||
@media print {
|
||||
h1 {
|
||||
@apply mt-6 mb-4 text-xl;
|
||||
|
@ -73,7 +76,7 @@
|
|||
}
|
||||
|
||||
.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;
|
||||
@apply rounded-full bg-klavender cursor-pointer 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;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -81,14 +84,14 @@
|
|||
@apply flex space-x-4 text-center text-sm;
|
||||
}
|
||||
|
||||
.tags li {
|
||||
@apply flex-1 p-4 inline-flex items-center rounded-2xl bg-green-50 px-2 py-1 font-medium text-green-700 ring-1 ring-inset ring-green-600/20;
|
||||
}
|
||||
.tags li {
|
||||
@apply flex-1 p-4 inline-flex items-center rounded-2xl bg-green-50 px-2 py-1 font-medium text-green-700 ring-1 ring-inset ring-green-600/20;
|
||||
}
|
||||
|
||||
.tags a {
|
||||
@apply border-b-0 w-full;
|
||||
}
|
||||
.tags a {
|
||||
@apply border-b-0 w-full;
|
||||
}
|
||||
|
||||
.blog-pages a {
|
||||
@apply border-b-0;
|
||||
}
|
||||
.blog-pages a {
|
||||
@apply border-b-0;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue