Giters

didilinkin / polished-docs-zh-CN

polished 中文方法目录

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

polished-docs-zh-CN

polished 中文方法目录

Mixins - 混合
  • clearFix - 清理浮动
  • ellipsis - 将超过指定长度的文本，使用省略号替代
  • fontFace - 字体库引入( 字体名称, 静态文件相对路径 )
  • hiDPI - 指定高分屏样式
  • hideText - 用于隐藏文本，显示图片
  • normalize - 样式表初始化
  • placeholder - 对 placeholder 伪元素设置样式
  • radialGradient - 径向渐变
  • retinaImage - 为高分屏和低分屏设置不同的背景图
  • selection - 对 selection 伪元素设置样式
  • timingFunctions - 定时器函数( 处理动画 )
  • triangle - 以CSS来创建三角形, 以及它的背景色
  • wordWrap - 简单的文字包装属性混合( 填写一个属性值 => 填写三个属性的属性值 )
Color - 颜色
  • adjustHue - 改变颜色的方法。色相是0到360之间的数。第一个参数是颜色在色轮上旋转的程度, 后面是要改变的颜色
  • complement - 返回互补色
  • darken - 调节颜色深浅
  • desaturate - 降低颜色的饱和度
  • grayscale - 将一个颜色转为灰度
  • hsl - 指定色调、饱和度和亮度三个值，返回一个颜色
  • hsla - 指定色调、饱和度、亮度和透明度三个值，返回一个颜色
  • invert - 反转一个颜色的rgb(红绿蓝)三个值
  • lighten - 调节颜色深浅
  • mix - 混合两种颜色
  • opacify - 调节透明度
  • parseToHsl - 返回一个HslColor或HslaColor对象
  • parseToRgb - 返回RgbColor或RgbaColor对象
  • rgb - 指定红、绿、蓝三个值，返回一个颜色
  • rgba - 指定红、绿、蓝和透明度四个值，返回一个颜色
  • saturate - 增加颜色的饱和度
  • setHue - 输入色相值(01-359) 和一个想要配置的值; 返回计算好的颜色值
  • setLightness - 调整提供颜色的光亮度。光的范围可以是0和1
  • setSaturation - 调整提供颜色的饱和度。饱和度的范围可以是0和1
  • shade - 调整颜色的阴影值。 调整亮度通道(0-1, 值越高, 阴影越强)
  • tint - 调整颜色的亮度值。 调整亮度通道(0-1, 值越高, 亮度越高)
  • transparentize - 调整颜色的透明度。 调整透明度通道(0-1)
Shorthands - 简写方法
  • animation - 简写动画属性(支持多动画, 以数组形式传入)
  • backgroundImages - 简写背景图属性(默认第一个参数为背景图参数, 第二个参数可以传入线性渐变)
  • backgrounds - 简写的背景属性
  • borderColor - 边框色的简写接受四个值，包括null，以跳过一个值
  • borderRadius - 边界半径的简写接受了边值和半径的值，并将半径值应用到这一边的两个角上
  • borderStyle - 边框样式的简写(接受4个值), 可用null跳过一个值
  • borderWidth - border 4个方向的width简写(上右下左), 可用null忽略某个值
  • buttons - 填充所有按钮的选择器. 您可以通过可选的状态来附加到选择器
  • margin - margin缩写(4个)
  • padding - padding缩写(4个)
  • position - position的简写方法, 可使用null跳过一个值, 方向为(上右下左), 第一个值可以设为position关键字
  • size - 简写 高度和宽度(width & height)
  • textInputs - 填充所有文本输入的选择器。您可以通过可选的状态来附加到选择器
  • transitions - 转换的简写接受任意数量的转换值作为创建一个转换语句的参数
Helpers - 辅助对象
  • directionalProperty - 定向设置(可传入margin 或者 padding), 然后四个方向的值也传入(不需要的方向用空字符串省略; 方向为: 上右下左);
  • em - 将像素转为 em
  • modularScale - 调节比例
  • rem - 将像素转为 rem
  • stripUnit - 去除单位: 输入一个带单位的属性值; 返回去除单位的值(比如输入'10px', 返回'10')
Types - 类型

About

polished 中文方法目录