styless:使用较少的语法对组件进行声明式样式

时间:2024-02-20 20:21:13
【文件属性】:

文件名称:styless:使用较少的语法对组件进行声明式样式

文件大小:360KB

文件格式:ZIP

更新时间:2024-02-20 20:21:13

less babel styled-components styled-components-theme Babel

:gem_stone: 款式 :gem_stone: 样式使语法 安装 $ yarn add --dev babel-plugin-styless .babelrc { " plugins " : [ " babel-plugin-styless " ] } 需要注意的是styless应该出现之前babel-plugin-styled-components ,如果使用。 主要特点 简化代码 使用@main代替${props => props.theme.main} 直接在样式化组件中使用变量 @size : if( @small , 4 px , 10 px ); 直接在样式化的组件中使用操作 使用@size * 3代替${props => parseFloat(props.size) * 3 + "px"} 直接在样式化的组件中使用函数。 color : darken ( @highlight , 5 % ); There is no need to import `darken`. 支持rgb , hsl和hsv颜色空间 color :


网友评论