Changes
- Setup h1, h2 and h3 text size
- Apply a href link color
no-linkutility for normal text color, no underline, but underline on hoverbutton-linkfor normal text color, no underlinet-inline-container: horizontal list of elements with a gap between them
@tailwind base;@tailwind components;@tailwind utilities;@layer base { h1 { @apply text-4xl; } h2 { @apply text-3xl; } h3 { @apply text-2xl; } a { @apply t-link; } a.no-link { @apply text-inherit no-underline hover:underline; } a.button-link { @apply text-inherit no-underline hover:no-underline; }}@layer components { .t-link { @apply underline text-blue-600 hover:text-blue-800 } .t-inline-container { @apply inline-flex flex-wrap gap-x-2 gap-y-1 }}