Brush
一个Less样式库,封装组合原始css A library for styles which boxed original css by less.
可用class / useable classes.
/** 简单样式 **//** simply styles **/ //
////////////////////////////////////////////////////////
可用的方法 / useable functions
/** 覆盖的样式 **//** appear styles **/ /** * 单选 * radio. * * @size : 宽度 * @default : 14px * @color : 单选按钮颜色 * @default : @hl * @radius : 单选边框弧度 * @default : 50% * @content-size : 单选填充大小倍数 * @default : 1 **/@@@@) /** * 多选 * checkbox. * * @size : 宽度 * @default : 14px * @color : 多选按钮颜色 * @default : @hl * @radius : 多选边框弧度 * @default : 0% * @content-size : 多选填充大小倍数 * @default : 1 * @content : 多选填充内容 * @default : "✔" **/@@@@@) /** 媒体查询 **//** media selection **/ /** * 最小宽度在320px的所有设备上生效 * effect on devices which width minimum then 320px. **/ );/** * 最小宽度在375px的所有设备上生效 * effect on devices which width minimum then 375px. **/ );/** * 最小宽度在414px的所有设备上生效 * effect on devices which width minimum then 414px. **/ );/** * 最小宽度在768px的所有设备上生效 * effect on devices which width minimum then 768px. **/ );/** * 最小宽度在1024px的所有设备上生效 * effect on devices which width minimum then 1024px. **/ );/** * 最小宽度在1280px的所有设备上生效 * effect on devices which width minimum then 1280px. **/ );/** * 最小宽度在1366px的所有设备上生效 * effect on devices which width minimum then 1366px. **/ );/** * 最小宽度在1440px的所有设备上生效 * effect on devices which width minimum then 1440px. **/ );/** * 最小宽度在1600px的所有设备上生效 * effect on devices which width minimum then 1600px. **/ );/** * 最小宽度在1920px的所有设备上生效 * effect on devices which width minimum then 1920px. **/ ); /** 装饰 **//** ornament **/ /** * 带边框的装饰角 * arrow with border. * * @width : 装饰角宽度 * @position : 装饰角位置 * left * right * top * bottom * @border-color : 装饰角边框颜色 * @default @gray * @background-color : 装饰角背景颜色 * @default @white * @border-width : 装饰角边框宽度 * @default 1px **/@@@@@@) /** * 无边框的装饰角 * arrwo without border. * * @width : 装饰角宽度 * @position : 装饰角位置 * left * right * top * bottom * @background-color : 装饰角背景颜色 * @default @white **/@@@) /** * 装饰线 * line between contents. * * @text-length : 内容文本字数 * @width : 装饰线宽度 * @default : 1px * @color : 装饰线颜色 * @default : @gray **/@@@) /** * 左装饰线 * left line. * * @text-length : 内容文本字数 * @width : 装饰线宽度 * @default : 1px * @color : 装饰线颜色 * @default : @gray **/@@@) /** * 右装饰线 * right line. * * @text-length : 内容文本字数 * @width : 装饰线宽度 * @default : 1px * @color : 装饰线颜色 * @default : @gray **/@@@) /** * Flex装饰线 * line between contents use as flex. * * @width : 装饰线宽度 * @default : 1px * @color : 装饰线颜色 * @default : @gray **/@@) /** * Flex左装饰线 * left line use as flex. * * @width : 装饰线宽度 * @default : 1px * @color : 装饰线颜色 * @default : @gray **/@@) /** * Flex右装饰线 * right line use as flex. * * @width : 装饰线宽度 * @default : 1px * @color : 装饰线颜色 * @default : @gray **/@@) /** * 灯光阴影 * light shadow. * * @width: 阴影宽度 * @default : 100% * @height : 阴影高度 * @default : 5px * @top : 阴影距本体距离 * @default : 10px * @color : 阴影颜色 * @default : @hoary **/@@@@) /** * 已选装饰 * border and badge for selections. * * @position: 装饰位置 * tr : top right * tl : top left * br : bottom right * bl : bottom left * @default : tr * @size: 装饰宽度 * @default : 30px * @bg-color: 装饰颜色 * @default : @hl * @color: 装饰文字颜色 * @default : @white * @content: 装饰内容(推荐使用单一文字或字符) * @default : "\2714" **/@@@@@) /** * 文字阴影(3D) * fonts shadow (3D) * * @deeps : 阴影深度 * @default : 5px; * @deg : 阴影角度,可用任何表示角度或弧度的数值类型 * @default : 45deg; * @color-form : 阴影起始颜色,靠近文字 * @default : @hl; * @color-to : 阴影结束颜色,远离文字 * @default : @hl; **/@@@@) /** * 滚动条 * scrollbar. * * @width: 滚动条宽度 * @default : 5px * @color: 滚动条滚动块颜色 * @default : @hl * @bg-color: 滚动条轨道区颜色 * @default : @white * @radius: 滚动条滚动块圆弧 * @default : 0 **/@@@@)