ZenBrowserMirrors/astro-site-test
1
0
Fork 0
mirror of https://github.com/zen-browser/astro-site-test.git synced 2025-07-07 22:29:59 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(tailwind): enhance font stack for 'dm' and apply font to h2 elements

Browse source
This commit is contained in:
taroj1205 2024-11-11 22:56:06 +13:00
parent 98f82b9b31
commit aae44e209f
1 changed files with 11 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

13
tailwind.config.cjs
View file

@ -48,7 +48,16 @@ module.exports = {
'"Segoe UI Symbol"',
'"Noto Color Emoji"',
],
dm: ["DM Sans"],
dm: [
"DM Sans",
"ui-sans-serif",
"system-ui",
"sans-serif",
'"Apple Color Emoji"',
'"Segoe UI Emoji"',
'"Segoe UI Symbol"',
'"Noto Color Emoji"',
],
},
fontSize: {
"scale-sm": "clamp(1rem, 2vw, 1.5rem)",
@ -72,7 +81,7 @@ module.exports = {
addBase({
h2: {
fontSize: `clamp(${theme("fontSize.6xl")}, 10vw, calc(${theme("fontSize.6xl")} + 1rem))`,
"@apply font-bold text-secondary leading-none": {},
"@apply font-bold text-secondary leading-none font-dm": {},
},
h3: {
fontSize: `clamp(${theme("fontSize.4xl")}, 10vw, calc(${theme("fontSize.4xl")} + 1rem))`,