Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion DEVELOPMENT.md
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@ This enables `className` prop support on all React Native components.
- **Reactive style system** (`src/native/reactivity.ts`) — custom observables for media queries, container queries, color scheme changes
- **StyleCollection singleton** (`src/native-internal/`) — isolated to prevent circular dependencies between native runtime and CSS file imports
- **Platform-aware compilation** — different outputs for native (JSON) vs web (browser CSS)
- **Inline variable optimization** — single-use CSS variables are inlined at compile time; multi-use preserved
- **Inline variable optimization** — single-use CSS variables are inlined at compile time; multi-use, those an `@property` registers `inherits: false` (unless declared only on `*` outside `@media` and `@container`), and those whose value refers to one, preserved

## Package Entry Points

Expand Down
6 changes: 6 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -320,6 +320,12 @@ export default withReactNativeCSS(defaultConfig, {
});
```

### Registered Custom Properties (`@property`)

A custom property registered with `inherits: false` is inlined only when its single declaration is on a universal selector (`*`) outside a media or container query. A custom property whose value refers to one registered with `inherits: false` is never inlined.

An `@property` rule inside `@media` is ignored on native, even when the media query matches.

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
Expand Down
Loading
Loading