@beisen-phoenix/mobile-style-token
Advanced tools
Comparing version 0.0.2 to 0.0.3
@@ -29,18 +29,18 @@ export var skinBgS1 = 'skin-bg-s1'; | ||
export var $S1 = 'rgb(19,129,240);'; | ||
export var $S2 = 'rgb(50,150,250);'; | ||
export var $S3 = 'rgb(102,179,255);'; | ||
export var $S4 = 'rgb(189,222,255);'; | ||
export var $S1 = 'rgb(19,129,240)'; | ||
export var $S2 = 'rgb(50,150,250)'; | ||
export var $S3 = 'rgb(102,179,255)'; | ||
export var $S4 = 'rgb(189,222,255)'; | ||
/*字体颜色 */ | ||
export var $M1 = 'rgb(37,44,51);'; | ||
export var $M2 = 'rgb(99,108,117);'; | ||
export var $M3 = 'rgb(130,139,148);'; | ||
export var $M4 = 'rgb(153,163,173);'; | ||
export var $M5 = 'rgb(192,201,209);'; | ||
export var $M6 = 'rgb(225,230,235);'; | ||
export var $M7 = 'rgb(40,41,41);'; | ||
export var $M8 = 'rgb(245,245,245);'; | ||
export var $M9 = 'rgb(255,255,255);'; | ||
export var $M10 = 'rgb(0,0,0);'; | ||
export var $M1 = 'rgb(37,44,51)'; | ||
export var $M2 = 'rgb(99,108,117)'; | ||
export var $M3 = 'rgb(130,139,148)'; | ||
export var $M4 = 'rgb(153,163,173)'; | ||
export var $M5 = 'rgb(192,201,209)'; | ||
export var $M6 = 'rgb(225,230,235)'; | ||
export var $M7 = 'rgb(40,41,41)'; | ||
export var $M8 = 'rgb(245,245,245)'; | ||
export var $M9 = 'rgb(255,255,255)'; | ||
export var $M10 = 'rgb(0,0,0)'; | ||
/* 间距 设计单位pt*/ | ||
@@ -47,0 +47,0 @@ |
{ | ||
"name": "@beisen-phoenix/mobile-style-token", | ||
"version": "0.0.2", | ||
"version": "0.0.3", | ||
"description": "平台移动端UI组件的原子设计", | ||
@@ -5,0 +5,0 @@ "main": "lib/index.js", |
@@ -39,3 +39,3 @@ #### 组件说明 | ||
``` | ||
"ux-m-base-style": "0.0.1", | ||
"@beisen-phoenix/mobile-style-token": "0.0.2" | ||
``` | ||
@@ -46,3 +46,3 @@ | ||
``` | ||
import * as skin from 'ux-m-base-style'; | ||
import * as skin from '@beisen-phoenix/mobile-style-token'; | ||
export default class A extends Component { | ||
@@ -67,4 +67,4 @@ render() { | ||
``` | ||
import 'ux-m-base-style/css/reset.css'; | ||
import 'ux-m-base-style/css/example.css'; | ||
import '@beisen-phoenix/mobile-style-token/css/reset.css'; | ||
import '@beisen-phoenix/mobile-style-token/css/default.css'; | ||
@@ -74,2 +74,2 @@ ``` | ||
#### 结合 Styled-components 完成样式的定义 | ||
##### 参照[示例](http://gitlab.beisencorp.com/ux-share-platform/change-theme-example) | ||
##### 参照[示例](http://gitlab.beisencorp.com/ux-share-platform/change-theme-example/tree/master) |
@@ -28,17 +28,17 @@ export const skinBgS1 = 'skin-bg-s1'; | ||
/*背景色*/ | ||
export const $S1 = 'rgb(19,129,240);'; | ||
export const $S2 = 'rgb(50,150,250);'; | ||
export const $S3 = 'rgb(102,179,255);'; | ||
export const $S4 = 'rgb(189,222,255);'; | ||
export const $S1 = 'rgb(19,129,240)'; | ||
export const $S2 = 'rgb(50,150,250)'; | ||
export const $S3 = 'rgb(102,179,255)'; | ||
export const $S4 = 'rgb(189,222,255)'; | ||
/*字体颜色 */ | ||
export const $M1 = 'rgb(37,44,51);'; | ||
export const $M2 = 'rgb(99,108,117);'; | ||
export const $M3 = 'rgb(130,139,148);'; | ||
export const $M4 = 'rgb(153,163,173);'; | ||
export const $M5 = 'rgb(192,201,209);'; | ||
export const $M6 = 'rgb(225,230,235);'; | ||
export const $M7 = 'rgb(40,41,41);'; | ||
export const $M8 = 'rgb(245,245,245);'; | ||
export const $M9 = 'rgb(255,255,255);'; | ||
export const $M10 = 'rgb(0,0,0);'; | ||
export const $M1 = 'rgb(37,44,51)'; | ||
export const $M2 = 'rgb(99,108,117)'; | ||
export const $M3 = 'rgb(130,139,148)'; | ||
export const $M4 = 'rgb(153,163,173)'; | ||
export const $M5 = 'rgb(192,201,209)'; | ||
export const $M6 = 'rgb(225,230,235)'; | ||
export const $M7 = 'rgb(40,41,41)'; | ||
export const $M8 = 'rgb(245,245,245)'; | ||
export const $M9 = 'rgb(255,255,255)'; | ||
export const $M10 = 'rgb(0,0,0)'; | ||
/* 间距 设计单位pt*/ | ||
@@ -45,0 +45,0 @@ export const $Sp0 = '0px'; |
13534