@ castiron/ 风格混合

JS帮助器功能集 (混音),用于造型. 混音器一般会返回模板文字或样式对象,不需要特定的cs-in-js库.

使用量

1. yarn add @castiron/style-mixins
2. import { someMixin } from "@castiron/style-mixins 或者说 import { someBaseMixin } from @'castiron/style-mixins/base

哲学

本套件中的混音被每个缩放为单一类型的风格关注. 其原因是,当混音器对各种风格产生意见时,在混合使用时,会很快地开始相冲突. 或者有人可能想从混音中取出大部分的风格,但不是所有的风格,并且需要宣布压倒一切的风格. 由于这种情况一再发生,这些混音器失去了它们的效用,一个项目的开发者最终可能只是忽略它们或者完全写出新的混音器. 为了防止这种情况,本库中的混音器将其声明限制在单一的样式关注类别,并相应进行排列和前缀:

基础

base.js

常见的全应用程序混音器,例如用于写出媒体查询或流体缩放类型和空间值.

外观

appearance.js

颜色、徘徊和焦点效应等混合,前缀 a。 。 。 .

版式

layout.js

容器大小和布局的混合,前缀为 l。 。 。 .

状态

state.js

混合用于常见的状态特定样式,如滚动锁,前缀 is 或者说 has。 。 。 .

类型

typography.js

混音符用于 font- 财务报告和审定财务报表 text- 属性,前缀为 t。 。 。 .