Install the dependencies and start the iOS app: npm i && npm run ios
The screen should be a red color with an opacity of 30%, instead it is the default screen color.
Expected behavior
The css variables work for the second platform as it does for the first platform. In the minimal repo, the iOS screen should be a red color with an opacity of 30%.
To Reproduce working version for first platform (2 options)
With Android
Run the android app: npm run android
When the app loads, you will see the screen will be a red color with an opacity of 30%
With iOS
Checkout the branch with iOS as first platform in platform select: git checkout @zach/working-first-platform
Run the android app: npm run ios
When the app loads, you will see the screen will be a red color with an opacity of 30%
Screenshots
Current behavior:
Expected behavior:
Additional context
Add any other context about the problem here.
Describe the bug Given a tailwind config that uses
platformSelect
for a color with an alpha value,When you start the app on the second platform (iOS in the example above) Then the css variables no longer work on iOS.
To Reproduce Steps to reproduce the behavior:
npm i && npm run ios
Expected behavior The css variables work for the second platform as it does for the first platform. In the minimal repo, the iOS screen should be a red color with an opacity of 30%.
To Reproduce working version for first platform (2 options) With Android
npm run android
With iOS
git checkout @zach/working-first-platform
npm run ios
Screenshots Current behavior:
Expected behavior:
Additional context Add any other context about the problem here.