【文件属性】:
文件名称:postcss-themed:一个用于生成主题的PostCSS插件
文件大小:338KB
文件格式:ZIP
更新时间:2021-05-14 16:59:21
hacktoberfest TypeScript
PostCSS插件,用于将多个主题添加到CSS文件。
将为旧版浏览器创建类替代,并为现代浏览器使用CSS变量。
:rocket: 支持light和dark配色方案
:rocket: 创建组件级主题
:rocket: 支持范围界定CSS变量名称以减轻冲突
:rocket: 主题可以扩展其他主题
贡献
我们感谢所有拉动要求!
设置
首先安装依赖项。
yarn
然后为您的更改编写测试并运行test命令! 就是这样!。
yarn test
用法
const config = {
default : {
color : 'white' ,
} ,
other : {
color : 'black' ,
} ,
} ;
或每主题light及dark模式:
const config = {
default : {
light : {
color : 'white' ,
} ,
【文件预览】:
postcss-themed-master
----.gitignore(72B)
----.babelrc(137B)
----.all-contributorsrc(3KB)
----images()
--------logo-primary.svg(7KB)
--------logo-negative.png(12KB)
--------logo-negative.svg(7KB)
--------logo-animated.gif(164KB)
--------logo-primary.png(12KB)
----package.json(4KB)
----.npmrc(37B)
----src()
--------legacy()
--------modern()
--------types()
--------index.ts(3KB)
--------common()
--------localize-identifier.ts(891B)
----.travis.yml(73B)
----LICENSE(1KB)
----CHANGELOG.md(16KB)
----tsconfig.json(416B)
----.github()
--------PULL_REQUEST_TEMPLATE.md(231B)
--------ISSUE_TEMPLATE()
--------CODE_OF_CONDUCT.md(1KB)
----__tests__()
--------test-component-themes-ts()
--------common.test.ts(5KB)
--------localize-identifier.test.ts(825B)
--------test-modern-themes-ts()
--------test-utils.ts(637B)
--------legacy.test.ts(13KB)
--------modern.test.ts(17KB)
--------test-component-themes-js()
--------precedence.test.ts(3KB)
----README.md(14KB)
----tsconfig.build.json(66B)
----.circleci()
--------config.yml(2KB)
----.npmignore(98B)
----.editorconfig(147B)
----yarn.lock(291KB)