设置 h1、h2 和 h3 文本大小
应用 href 链接颜色
no-link:用于正常文本颜色的实用程序,无下划线,但悬停时有下划线
button-link:对于正常文本颜色,没有下划线
t-inline-container:元素之间有间隙的水平列表
@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
}
}