alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

style: decentralized less var (#8369)

Browse Source 
* style: decentralized less var

* chore: remove emtpy var file
This commit is contained in:
neverland
2021-03-17 16:14:18 +08:00
committed by GitHub
parent 3b645362d8
commit b3146b9108
157 changed files with 997 additions and 1002 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/password-input/README.md
+16 -12
View File
@@ -150,15 +150,19 @@ export default {
How to use: [Custom Theme](#/en-US/theme).
| Name | Default Value | Description |
| -------------------------------- | --------------- | ----------- |
| @password-input-height | `50px` | - |
| @password-input-margin | `0 @padding-md` | - |
| @password-input-font-size | `20px` | - |
| @password-input-border-radius | `6px` | - |
| @password-input-background-color | `@white` | - |
| @password-input-info-color | `@gray-6` | - |
| @password-input-info-font-size | `@font-size-md` | - |
| @password-input-error-info-color | `@red` | - |
| @password-input-dot-size | `10px` | - |
| @password-input-dot-color | `@black` | - |
| Name | Default Value | Description |
| ----------------------------------------- | --------------- | ----------- |
| @password-input-height | `50px` | - |
| @password-input-margin | `0 @padding-md` | - |
| @password-input-font-size | `20px` | - |
| @password-input-border-radius | `6px` | - |
| @password-input-background-color | `@white` | - |
| @password-input-info-color | `@gray-6` | - |
| @password-input-info-font-size | `@font-size-md` | - |
| @password-input-error-info-color | `@red` | - |
| @password-input-dot-size | `10px` | - |
| @password-input-dot-color | `@black` | - |
| @password-input-cursor-color | `@text-color` | - |
| @password-input-cursor-width | `1px` | - |
| @password-input-cursor-height | `40%` | - |
| @password-input-cursor-animation-duration | `1s` | - |
src/password-input/README.zh-CN.md
+16 -12
View File
@@ -160,15 +160,19 @@ export default {
组件提供了下列 Less 变量，可用于自定义样式，使用方法请参考[主题定制](#/zh-CN/theme)。
| 名称 | 默认值 | 描述 |
| -------------------------------- | --------------- | ---- |
| @password-input-height | `50px` | - |
| @password-input-margin | `0 @padding-md` | - |
| @password-input-font-size | `20px` | - |
| @password-input-border-radius | `6px` | - |
| @password-input-background-color | `@white` | - |
| @password-input-info-color | `@gray-6` | - |
| @password-input-info-font-size | `@font-size-md` | - |
| @password-input-error-info-color | `@red` | - |
| @password-input-dot-size | `10px` | - |
| @password-input-dot-color | `@black` | - |
| 名称 | 默认值 | 描述 |
| ----------------------------------------- | --------------- | ---- |
| @password-input-height | `50px` | - |
| @password-input-margin | `0 @padding-md` | - |
| @password-input-font-size | `20px` | - |
| @password-input-border-radius | `6px` | - |
| @password-input-background-color | `@white` | - |
| @password-input-info-color | `@gray-6` | - |
| @password-input-info-font-size | `@font-size-md` | - |
| @password-input-error-info-color | `@red` | - |
| @password-input-dot-size | `10px` | - |
| @password-input-dot-color | `@black` | - |
| @password-input-cursor-color | `@text-color` | - |
| @password-input-cursor-width | `1px` | - |
| @password-input-cursor-height | `40%` | - |
| @password-input-cursor-animation-duration | `1s` | - |
src/password-input/index.less
+5 -5
View File
@@ -1,4 +1,4 @@
@import '../style/var.less';
@import './var.less';
.van-password-input {
position: relative;
@@ -59,11 +59,11 @@
position: absolute;
top: 50%;
left: 50%;
width: @number-keyboard-cursor-width;
height: @number-keyboard-cursor-height;
background-color: @number-keyboard-cursor-color;
width: @password-input-cursor-width;
height: @password-input-cursor-height;
background-color: @password-input-cursor-color;
transform: translate(-50%, -50%);
animation: @number-keyboard-cursor-animation-duration van-cursor-flicker
animation: @password-input-cursor-animation-duration van-cursor-flicker
infinite;
}
}
src/password-input/var.less
+16
View File
@@ -0,0 +1,16 @@
@import '../style/var.less';
@password-input-height: 50px;
@password-input-margin: 0 @padding-md;
@password-input-font-size: 20px;
@password-input-border-radius: 6px;
@password-input-background-color: @white;
@password-input-info-color: @gray-6;
@password-input-info-font-size: @font-size-md;
@password-input-error-info-color: @red;
@password-input-dot-size: 10px;
@password-input-dot-color: @black;
@password-input-cursor-color: @text-color;
@password-input-cursor-width: 1px;
@password-input-cursor-height: 40%;
@password-input-cursor-animation-duration: 1s;