@beisen-phoenix/mobile-style-token - npm Package Compare versions

Comparing version 1.0.21 to 1.0.22

package.json

 {
   "name": "@beisen-phoenix/mobile-style-token",
-  "version": "1.0.21",
+  "version": "1.0.22",
   "description": "平台移动端UI组件的原子设计",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

README.md

@@ -70,3 +70,35 @@ #### 组件说明
 
+### 关于scss
+###### 1、在样式scss中引入mobile-style-token中index.scss(自动引入相关的mixins和variable.scss)
+
+`
+@import '@beisen-phoenix/mobile-style-token/scss/index.scss';
+
+`
+###### 2、mixins介绍
+
+>  hairline.scss  实现1px像素，边框默认颜色为：#E1E6EB;
+
+`
+@include hairline_top(); // 上边框1px，可以传递颜色值
+@include hairline_right(); // 右边框1px, 可以传递颜色值
+@include hairline_bottom();// 底边框1px, 可以传递颜色值
+@include hairline_left();// 左边框1px, 可以传递颜色值
+@include hairline(); // 1px边框, 可以传递颜色值和圆角(第一个参数为颜色值，第二个参数为圆角大小，默认为0)
+`
+
+> helper.scss  封装常用的mixins
+
+`
+@include text-ellipsis; //文本溢出显示...
+@include text-ellipsis(2); //超过两行显示...
+@include clearfix; //清除浮动
+
+`
+
+
+
+
+
 #### 结合 Styled-components 完成样式的定义
 ##### 参照[示例](http://gitlab.beisencorp.com/ux-share-platform/change-theme-example/tree/master)

No alert changes

Improved metrics

Total package byte prevSize

21421

increased by4.26%

Number of lines in readme file

104

increased by44.44%

No dependency changes