ant-design / ant-design/cssinjs

layer order not applying

Open
#233 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
287
Forks
80
PR merge metrics
No merged PRs in 30d

Description

```tsx
// App.tsx
import { StyleProvider } from '@ant-design/cssinjs';
import { ConfigProvider } from 'antd';
import koKR from 'antd/es/locale/ko_KR';
import 'global.css';

function App() {
return (


...


);
}
```

```css
// global.css
@layer theme, base, antd, components, utilities;
@import 'tailwindcss';

...
```

I set like this. and seems like layer overwrotten at specific moment.
Also, some pages are applying correctly and some pages are not...

Image

Image

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the App.tsx and global.css examples, reproducing the different layer behavior across the affected pages. Inspect how StyleProvider and the Tailwind @layer/@import declarations interact, then verify that the intended layer order is applied consistently on every page.

Written by the indexing model from the issue text.

Assessment

Tech stack
tailwindcss, typescript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.