Support for postcss-modules-values
- 主要語言
- CoffeeScript
- 星號
- 518
- 分支
- 70
- PR 合併指標
- 30 天內沒有已合併 PR
描述
Hi there! Is there a way in which I can make atom-pigments work with [postcss-modules-values](https://github.com/css-modules/postcss-modules-values)? I would love if it were possible somehow that in the same way that it recognizes all my less @variables with colors across files, it would do that to these.
It works like this:
```
/* colors.css */
@value primary: #BF4040;
@value secondary: #1F4F7F;
.text-primary {
color: primary;
}
.text-secondary {
color: secondary;
}
```
As you can see, there is no @ or $ before calling up the value. This is the same when you call up variables cross-file:
```
/* header.css */
@value colors: "./colors.css";
@value primary, secondary from colors;
.header {
composes: primary from colors;
box-shadow: 0 0 10px secondary;
}
```
I would like the `primary` and `secondary` to have the color they were given in `colors.css`, also when they're imported into a different file.
Let me know if I can do anything to make this happen!
貢獻指南
研究方向
The issue is about extending atom-pigments to recognize postcss-modules-values syntax like `@value primary: #BF4040;` and `color: primary;`. Start by examining how the package currently parses Less variables and other color definitions. Look for parsing logic in the source files, likely in lib/ or spec/. Test the change by creating a sample project with postcss-modules-values and checking if colors are highlighted. The goal is to have the plugin highlight colors defined with @value across CSS files.
由索引模型根據 Issue 內容生成。
評估
- 技術堆疊
- coffeescript, css
- 領域
- developer-experience, tooling
- Issue 類型
- 功能
- 難度
- 4/5
- 預估耗時
- 3-5 天
- 活躍度
- 停滯
- 描述清晰度
- 描述清楚
- 新手友好度
- 40/100