文件名称:cubecss:故事书+打字稿+开玩笑+ CubeCSS
文件大小:468KB
文件格式:ZIP
更新时间:2024-02-28 17:03:04
SCSS
一个CubeCSS设计系统
Usses React,打字稿,SASS和故事书
造型方法
层次结构
CSS重置
整体风格
C omposition类(包装部件)
U效用类(设计上的令牌)
B锁级别样式(每个组件局部)
E xceptions(使用data属性)
用于白标的内联样式(使用css-in-jsx )
可用脚本
yarn storybook启动当地的故事书项目
yarn test Run Jest测试套件
yarn rollup Build dist文件夹
yarn figma:tokens从链接的Figma文件中构建tokens.json
yarn figma:icons从链接的Figma文件在
【文件预览】:
cubecss-main
----rollup.config.js(812B)
----styledictionary.config.json(308B)
----yarn.lock(667KB)
----src()
--------index.ts(291B)
--------scss()
--------TestComponent()
--------Button()
--------Utilities()
--------Icon()
--------tokens.json(18KB)
--------react-app-env.d.ts(40B)
--------setupTests.ts(241B)
--------reportWebVitals.ts(426B)
----scripts()
--------getFigmaTokens.js(8KB)
--------getFigmaIcons.js(4KB)
----.storybook()
--------main.js(238B)
--------preview.js(110B)
----tsconfig.json(587B)
----jest.config.js(482B)
----README.md(1KB)
----.editorconfig(256B)
----.gitignore(348B)
----package.json(3KB)