Skip to content

docs: state the browser-support baseline + browserslist #108

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
lifeiscontent merged 3 commits into from
Jun 17, 2026
+23 −0
Merged

docs: state the browser-support baseline + browserslist #108

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
63f89f8
docs: state the browser-support baseline + browserslist
lifeiscontent Jun 16, 2026
52bb465
docs: attribute the browser floors to Tailwind v4; use canonical brow…
lifeiscontent Jun 16, 2026
2d804d6
Potential fix for pull request finding
lifeiscontent Jun 17, 2026
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
16 changes: 16 additions & 0 deletions packages/propel/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -60,6 +60,22 @@ The tokens use the Tailwind v4 multi-theme pattern (light/dark/high-contrast via
`[data-theme]`), so theming is driven by a `data-theme` attribute on a host
element.

## Browser support

Propel targets modern evergreen browsers. The baseline is set by Tailwind v4 and
by the color tokens, which use `oklch()` and `color-mix()`:

| Browser | Minimum |
| ----------- | ------- |
| Chrome/Edge | 111 |
| Firefox | 128 |
| Safari/iOS | 16.4 |

Internet Explorer is not supported. The Firefox 128 and Safari/iOS 16.4 floors are
set by Tailwind v4's own baseline (cascade layers and `@property`), not by the color
tokens: `oklch()` and `color-mix()` are actually supported earlier (Firefox 113,
Safari 16.2). Below those floors the Tailwind-generated CSS doesn't apply correctly.

## Development

This package is built with [`vp pack`](https://viteplus.dev/guide/pack) (tsdown).
Expand Down
7 changes: 7 additions & 0 deletions packages/propel/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -91,6 +91,13 @@
"react-dom": "^18.0.0 || ^19.0.0",
"tailwindcss": "^4.0.0"
},
"browserslist": [
"chrome >= 111",
"edge >= 111",
"firefox >= 128",
"safari >= 16.4",
"ios_saf >= 16.4"
],
Comment thread
lifeiscontent marked this conversation as resolved.
"engines": {
"node": "^20.19.0 || >=22.12.0"
}
Expand Down