From 2626b1c2491f8bac22ad8a5eb906188bab927e17 Mon Sep 17 00:00:00 2001 From: Danilo Leal <67129314+danilo-leal@users.noreply.github.com> Date: Thu, 21 Mar 2024 15:31:22 -0300 Subject: [PATCH] Sam's review --- packages/pigment-css-react/README.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/pigment-css-react/README.md b/packages/pigment-css-react/README.md index 1dc428d6d4094a..270970cdafd747 100644 --- a/packages/pigment-css-react/README.md +++ b/packages/pigment-css-react/README.md @@ -665,7 +665,7 @@ declare module '@pigment-css/react/theme' { ## Right-to-left support -To support right-to-left (RTL) languages, add the `dir="rtl"` attribute to your app's `` element or any other equivalent top level container. Then, update your bundler config as follows: +To support right-to-left (RTL) languages, add the `dir="rtl"` attribute to your app's `` element or any other equivalent top level container. Then, update your bundler config as follows to generate styles for both directions: ### Next.js @@ -679,8 +679,8 @@ module.exports = withPigment(nextConfig, { css: { // Specify your default CSS authoring direction defaultDirection: 'ltr', - // To output CSS for the opposite direction to `defaultDirection` - // Default is `false`. + // Generate CSS for the opposite of the `defaultDirection` + // This is set to `false` by default generateForBothDir: true, }, }); @@ -698,8 +698,8 @@ export default defineConfig({ css: { // Specify your default CSS authoring direction defaultDirection: 'ltr', - // To output CSS for the opposite direction to `defaultDirection` - // Default is `false`. + // Generate CSS for the opposite of the `defaultDirection` + // This is set to `false` by default generateForBothDir: true, }, }),