docs: fix cross-reference links in reference and advanced sections

mgcrea · mgcrea · commit 17e237416ded · 2025-11-24T11:08:14.000+01:00
Convert root-relative links to relative links for proper GitHub Pages
base path support. This ensures all internal documentation links work
correctly when deployed at /react-native-tailwind/ base path.
diff --git a/docs/src/content/docs/advanced/arbitrary-values.md b/docs/src/content/docs/advanced/arbitrary-values.md
@@ -183,7 +183,7 @@ CSS units not available in React Native:
 
 ## Related
 
-- [Spacing](/reference/spacing/) - Preset spacing values
-- [Sizing](/reference/sizing/) - Preset sizing values
-- [Borders](/reference/borders/) - Preset border values
-- [Transforms](/reference/transforms/) - Preset transform values
+- [Spacing](../reference/spacing/) - Preset spacing values
+- [Sizing](../reference/sizing/) - Preset sizing values
+- [Borders](../reference/borders/) - Preset border values
+- [Transforms](../reference/transforms/) - Preset transform values
diff --git a/docs/src/content/docs/advanced/babel-configuration.md b/docs/src/content/docs/advanced/babel-configuration.md
@@ -81,7 +81,7 @@ Configure which props to transform.
 }
 ```
 
-See [Custom Attributes](/advanced/custom-attributes/) for more details.
+See [Custom Attributes](./custom-attributes/) for more details.
 
 ### `stylesIdentifier`
 
@@ -107,7 +107,7 @@ Customize the StyleSheet constant name.
 }
 ```
 
-See [Custom Styles Identifier](/advanced/custom-styles-identifier/) for more details.
+See [Custom Styles Identifier](./custom-styles-identifier/) for more details.
 
 ### `colorScheme`
 
@@ -145,7 +145,7 @@ Configure custom color scheme hook.
 }
 ```
 
-See [Custom Color Scheme Hook](/advanced/custom-color-scheme-hook/) for more details.
+See [Custom Color Scheme Hook](./custom-color-scheme-hook/) for more details.
 
 ### `schemeModifier`
 
@@ -183,7 +183,7 @@ Configure `scheme:` modifier color suffixes.
 }
 ```
 
-See [Color Scheme - Scheme Modifier](/guides/color-scheme/#scheme-modifier-convenience) for more details.
+See [Color Scheme - Scheme Modifier](../guides/color-scheme/#scheme-modifier-convenience) for more details.
 
 ## Complete Example
 
@@ -255,8 +255,8 @@ npx react-native start --reset-cache
 
 ## Related
 
-- [Custom Attributes](/advanced/custom-attributes/)
-- [Custom Styles Identifier](/advanced/custom-styles-identifier/)
-- [Custom Color Scheme Hook](/advanced/custom-color-scheme-hook/)
-- [Custom Colors](/advanced/custom-colors/)
-- [Troubleshooting](/advanced/troubleshooting/)
+- [Custom Attributes](./custom-attributes/)
+- [Custom Styles Identifier](./custom-styles-identifier/)
+- [Custom Color Scheme Hook](./custom-color-scheme-hook/)
+- [Custom Colors](./custom-colors/)
+- [Troubleshooting](./troubleshooting/)
diff --git a/docs/src/content/docs/advanced/custom-attributes.md b/docs/src/content/docs/advanced/custom-attributes.md
@@ -175,6 +175,6 @@ export function Button({
 
 ## Related
 
-- [Babel Configuration](/advanced/babel-configuration/) - All plugin options
-- [Reusable Components](/guides/reusable-components/) - Building component libraries
-- [List Components](/guides/list-components/) - Styling lists
+- [Babel Configuration](./babel-configuration/) - All plugin options
+- [Reusable Components](../guides/reusable-components/) - Building component libraries
+- [List Components](../guides/list-components/) - Styling lists
diff --git a/docs/src/content/docs/advanced/custom-color-scheme-hook.md b/docs/src/content/docs/advanced/custom-color-scheme-hook.md
@@ -210,6 +210,6 @@ function MyComponent() {
 
 ## Related
 
-- [Color Scheme](/guides/color-scheme/) - Using color scheme modifiers
-- [Babel Configuration](/advanced/babel-configuration/) - All plugin options
-- [Custom Colors](/advanced/custom-colors/) - Extend color palette
+- [Color Scheme](../guides/color-scheme/) - Using color scheme modifiers
+- [Babel Configuration](./babel-configuration/) - All plugin options
+- [Custom Colors](./custom-colors/) - Extend color palette
diff --git a/docs/src/content/docs/advanced/custom-colors.md b/docs/src/content/docs/advanced/custom-colors.md
@@ -219,6 +219,6 @@ If you see warnings about missing colors:
 
 ## Related
 
-- [Colors Reference](/reference/colors/) - Color utilities
-- [Color Scheme](/guides/color-scheme/) - Dark mode support
-- [Troubleshooting](/advanced/troubleshooting/) - Common issues
+- [Colors Reference](../reference/colors/) - Color utilities
+- [Color Scheme](../guides/color-scheme/) - Dark mode support
+- [Troubleshooting](./troubleshooting/) - Common issues
diff --git a/docs/src/content/docs/advanced/custom-styles-identifier.md b/docs/src/content/docs/advanced/custom-styles-identifier.md
@@ -99,5 +99,5 @@ Align with your team's coding standards:
 
 ## Related
 
-- [Babel Configuration](/advanced/babel-configuration/) - All plugin options
-- [Custom Attributes](/advanced/custom-attributes/) - Configure attribute transforms
+- [Babel Configuration](./babel-configuration/) - All plugin options
+- [Custom Attributes](./custom-attributes/) - Configure attribute transforms
diff --git a/docs/src/content/docs/advanced/troubleshooting.md b/docs/src/content/docs/advanced/troubleshooting.md
@@ -279,6 +279,6 @@ If you can't resolve your issue:
 
 ## Related
 
-- [Babel Configuration](/advanced/babel-configuration/) - Plugin options
-- [Custom Colors](/advanced/custom-colors/) - Theme configuration
-- [Quick Start](/getting-started/quick-start/) - Setup guide
+- [Babel Configuration](./babel-configuration/) - Plugin options
+- [Custom Colors](./custom-colors/) - Theme configuration
+- [Quick Start](../getting-started/quick-start/) - Setup guide
diff --git a/docs/src/content/docs/guides/reusable-components.md b/docs/src/content/docs/guides/reusable-components.md
@@ -330,6 +330,6 @@ type CardProps = BaseProps & {
 
 ## What's Next?
 
-- Learn about [Custom Attributes](/advanced/custom-attributes/) for more control
-- Explore [Babel Configuration](/advanced/babel-configuration/) for plugin options
-- Check out [TypeScript setup](/getting-started/quick-start/#2-enable-typescript-support-typescript) for type safety
+- Learn about [Custom Attributes](../advanced/custom-attributes/) for more control
+- Explore [Babel Configuration](../advanced/babel-configuration/) for plugin options
+- Check out [TypeScript setup](../getting-started/quick-start/#2-enable-typescript-support-typescript) for type safety
diff --git a/docs/src/content/docs/reference/api.md b/docs/src/content/docs/reference/api.md
@@ -186,6 +186,6 @@ The programmatic API has some overhead since it parses at runtime:
 
 ## Related
 
-- [Runtime tw](/guides/runtime-tw/) - For fully dynamic styling
-- [Custom Colors](/advanced/custom-colors/) - Extend color palette
-- [Troubleshooting](/advanced/troubleshooting/) - Common issues
+- [Runtime tw](../guides/runtime-tw/) - For fully dynamic styling
+- [Custom Colors](../advanced/custom-colors/) - Extend color palette
+- [Troubleshooting](../advanced/troubleshooting/) - Common issues
diff --git a/docs/src/content/docs/reference/aspect-ratio.md b/docs/src/content/docs/reference/aspect-ratio.md
@@ -96,5 +96,5 @@ The aspect ratio is calculated as `width / height`. When combined with `w-full`,
 
 ## Related
 
-- [Sizing](/reference/sizing/) - Width and height utilities
-- [Layout](/reference/layout/) - Flexbox utilities
+- [Sizing](./sizing/) - Width and height utilities
+- [Layout](./layout/) - Flexbox utilities
diff --git a/docs/src/content/docs/reference/borders.md b/docs/src/content/docs/reference/borders.md
@@ -117,5 +117,5 @@ description: Border width, radius, and style utilities
 
 ## Related
 
-- [Colors](/reference/colors/) - Border color utilities
-- [Shadows](/reference/shadows/) - Shadow and elevation
+- [Colors](./colors/) - Border color utilities
+- [Shadows](./shadows/) - Shadow and elevation
diff --git a/docs/src/content/docs/reference/colors.md b/docs/src/content/docs/reference/colors.md
@@ -3,7 +3,7 @@ title: Colors
 description: Background, text, and border color utilities
 ---
 
-Apply colors to backgrounds, text, and borders. Supports custom colors via [tailwind.config.*](/advanced/custom-colors/).
+Apply colors to backgrounds, text, and borders. Supports custom colors via [tailwind.config.*](../advanced/custom-colors/).
 
 ## Color Utilities
 
@@ -106,7 +106,7 @@ Then use them:
 <View className="bg-brand-dark" />
 ```
 
-See [Custom Colors](/advanced/custom-colors/) for more details.
+See [Custom Colors](../advanced/custom-colors/) for more details.
 
 ## Common Patterns
 
@@ -149,6 +149,6 @@ See [Custom Colors](/advanced/custom-colors/) for more details.
 
 ## Related
 
-- [Custom Colors](/advanced/custom-colors/) - Extend the color palette
-- [Color Scheme](/guides/color-scheme/) - Dark mode support
-- [Typography](/reference/typography/) - Text styling
+- [Custom Colors](../advanced/custom-colors/) - Extend the color palette
+- [Color Scheme](../guides/color-scheme/) - Dark mode support
+- [Typography](./typography/) - Text styling
diff --git a/docs/src/content/docs/reference/layout.md b/docs/src/content/docs/reference/layout.md
@@ -152,5 +152,5 @@ Control layout with flexbox, positioning, and display utilities.
 
 ## Related
 
-- [Spacing](/reference/spacing/) - Margin, padding, gap
-- [Sizing](/reference/sizing/) - Width and height utilities
+- [Spacing](./spacing/) - Margin, padding, gap
+- [Sizing](./sizing/) - Width and height utilities
diff --git a/docs/src/content/docs/reference/shadows.md b/docs/src/content/docs/reference/shadows.md
@@ -90,6 +90,6 @@ All shadow parsing happens at compile-time with zero runtime overhead. The platf
 
 ## Related
 
-- [Borders](/reference/borders/) - Border utilities
-- [Colors](/reference/colors/) - Background colors
-- [Platform Modifiers](/guides/platform-modifiers/) - Platform-specific styling
+- [Borders](./borders/) - Border utilities
+- [Colors](./colors/) - Background colors
+- [Platform Modifiers](../guides/platform-modifiers/) - Platform-specific styling
diff --git a/docs/src/content/docs/reference/sizing.md b/docs/src/content/docs/reference/sizing.md
@@ -176,6 +176,6 @@ Other units (`rem`, `em`, `vh`, `vw`) are not supported in React Native.
 
 ## Related
 
-- [Spacing](/reference/spacing/) - Margin and padding
-- [Layout](/reference/layout/) - Flexbox utilities
-- [Aspect Ratio](/reference/aspect-ratio/) - Aspect ratio utilities
+- [Spacing](./spacing/) - Margin and padding
+- [Layout](./layout/) - Flexbox utilities
+- [Aspect Ratio](./aspect-ratio/) - Aspect ratio utilities
diff --git a/docs/src/content/docs/reference/spacing.md b/docs/src/content/docs/reference/spacing.md
@@ -162,6 +162,6 @@ Arbitrary spacing values only support pixel values. Percentages and other units
 
 ## Related
 
-- [Layout](/reference/layout/) - Flexbox utilities
-- [Sizing](/reference/sizing/) - Width and height utilities
-- [Arbitrary Values](/advanced/arbitrary-values/) - Custom spacing values
+- [Layout](./layout/) - Flexbox utilities
+- [Sizing](./sizing/) - Width and height utilities
+- [Arbitrary Values](../advanced/arbitrary-values/) - Custom spacing values
diff --git a/docs/src/content/docs/reference/transforms.md b/docs/src/content/docs/reference/transforms.md
@@ -181,5 +181,5 @@ All transform parsing happens at compile-time with zero runtime overhead. Each t
 
 ## Related
 
-- [Spacing](/reference/spacing/) - For translate values
-- [Layout](/reference/layout/) - Positioning utilities
+- [Spacing](./spacing/) - For translate values
+- [Layout](./layout/) - Positioning utilities
diff --git a/docs/src/content/docs/reference/typography.md b/docs/src/content/docs/reference/typography.md
@@ -148,5 +148,5 @@ Control text appearance with font size, weight, alignment, and decoration utilit
 
 ## Related
 
-- [Colors](/reference/colors/) - Text color utilities
-- [Spacing](/reference/spacing/) - Margin and padding
+- [Colors](./colors/) - Text color utilities
+- [Spacing](./spacing/) - Margin and padding
