Base styles
Preflight
The defaults AstraWind applies, and how text styles inherit.
Overview
On the web, Preflight resets browser defaults. React Native has no browser defaults to reset, so AstraWind's base styles are small, and match what Tailwind's reset gives you:
Borders are solid and default to currentColor, or to --color-border when your theme defines it. border alone draws a one-point border.
Text has no default margins; spacing comes from your classes.
Font sizes and spacing use rem = 16 points (set rem in your theme to change it).
Text inheritance
In CSS, text styles inherit. AstraWind does the same: text styles set on a View (or on TextRoot) apply to every Text and icon inside it, unless a closer element overrides them.
<View className="text-sm text-zinc-500">
<Text>Inherits text-sm text-zinc-500</Text>
<Text className="text-zinc-900">Overrides the color</Text>
</View>
The inherited properties are color, font family, size, weight and style, line height, letter spacing, text alignment, transform and decoration, font variants and text shadows. See
TextRoot to set them for the whole app.