From 322fd51bcf3b5dd35d7b99a67f85931714088f65 Mon Sep 17 00:00:00 2001 From: Maxwell Barvian Date: Wed, 12 Jun 2024 06:26:55 -0500 Subject: [PATCH] Typo --- site/pages/index.mdx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/site/pages/index.mdx b/site/pages/index.mdx index 7e0664c..1019c76 100644 --- a/site/pages/index.mdx +++ b/site/pages/index.mdx @@ -78,7 +78,7 @@ when the viewport is between the start and end point ## Limitations -Due to CSS restrictions, fluid expressions can only be computed if the start/end values and points are lengths literals (i.e. `1rem`) with the same unit. +Due to CSS restrictions, fluid expressions can only be computed if the start/end values and points are length literals (i.e. `1rem`) with the same unit. Trying to interpolate between two different units ```html @@ -119,7 +119,7 @@ Due to CSS restrictions, fluid expressions can only be computed if the start/end Tailwind v3's [default screens](https://tailwindcss.com/docs/screens) are in `px`, while its default [spacing](https://tailwindcss.com/docs/customizing-spacing#default-spacing-scale) and [font sizes](https://tailwindcss.com/docs/font-size) are in `rem`. -This doesn't bode well with the CSS restrictions mentioned above, so `fluid-tailwind` provides `rem` equivalents +This doesn't bode well with the CSS restrictions mentioned above, so `fluid-tailwind` provides `rem` replacements for the default screens: ```js title="tailwind.config.js" ins={6} ins=", screens" @@ -136,7 +136,7 @@ export default { [Tailwind v4 will use `rem` screens by default](https://github.com/tailwindlabs/tailwindcss/pull/13469). Similarly, the line heights used for Tailwind's default font sizes `5xl`–`9xl` are unitless, which can't be fluidized. -`fluid-tailwind` provides `rem` equivalents for those as well: +`fluid-tailwind` provides `rem` replacements for those as well: ```js title="tailwind.config.js" ins={7} ins=", fontSize" import fluid, { extract, screens, fontSize } from 'fluid-tailwind'