diff --git a/packages/tailwind-config/package.json b/packages/tailwind-config/package.json index 76dbd23593..ffe81fd678 100644 --- a/packages/tailwind-config/package.json +++ b/packages/tailwind-config/package.json @@ -19,6 +19,7 @@ }, "dependencies": { "@fontsource/ibm-plex-mono": "^5.2.7", - "@fontsource/inter": "5.2.8" + "@fontsource/inter": "5.2.8", + "@fontsource/material-symbols-rounded": "^5.2.30" } } diff --git a/packages/tailwind-config/variables.css b/packages/tailwind-config/variables.css index 3a7704d7df..4d38920911 100644 --- a/packages/tailwind-config/variables.css +++ b/packages/tailwind-config/variables.css @@ -11,6 +11,7 @@ @import "@fontsource/ibm-plex-mono/500.css"; @import "@fontsource/ibm-plex-mono/600.css"; @import "@fontsource/ibm-plex-mono/700.css"; +@import "@fontsource/material-symbols-rounded/400.css"; @custom-variant dark (&:where([data-theme*="dark"], [data-theme*="dark"] *)); @@ -928,3 +929,19 @@ padding-top: 1.35rem; padding-bottom: 1.35rem; } + +@utility material-symbols-rounded { + font-family: "Material Symbols Rounded"; + font-weight: normal; + font-style: normal; + font-size: 1.5rem; + line-height: 1; + letter-spacing: normal; + text-transform: none; + display: inline-block; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + font-feature-settings: "liga"; + -webkit-font-smoothing: antialiased; +} diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 88acf4111f..bd52a015fc 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -1242,6 +1242,9 @@ importers: '@fontsource/inter': specifier: 5.2.8 version: 5.2.8 + '@fontsource/material-symbols-rounded': + specifier: ^5.2.30 + version: 5.2.30 devDependencies: '@tailwindcss/postcss': specifier: 4.1.13 @@ -2022,6 +2025,9 @@ packages: '@fontsource/inter@5.2.8': resolution: {integrity: sha512-P6r5WnJoKiNVV+zvW2xM13gNdFhAEpQ9dQJHt3naLvfg+LkF2ldgSLiF4T41lf1SQCM9QmkqPTn4TH568IRagg==} + '@fontsource/material-symbols-rounded@5.2.30': + resolution: {integrity: sha512-svIEPUzsJGdBMr0PwLH3wKndh7ZNB8IVlyKZPKvbGEX0f36gpGPzE2EZiXppb4UJgDUnyjphWzjJ28StuK6NCg==} + '@formatjs/ecma402-abstract@2.3.4': resolution: {integrity: sha512-qrycXDeaORzIqNhBOx0btnhpD1c+/qFIHAN9znofuMJX6QBwtbrmlpWfD4oiUUD2vJUOIYFA/gYtg2KAMGG7sA==} @@ -10087,6 +10093,8 @@ snapshots: '@fontsource/inter@5.2.8': {} + '@fontsource/material-symbols-rounded@5.2.30': {} + '@formatjs/ecma402-abstract@2.3.4': dependencies: '@formatjs/fast-memoize': 2.2.7