mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-24 10:20:19 +08:00
feat: update some less vars (#4598)
This commit is contained in:
parent
89c2022c37
commit
0face945c9
@ -32,7 +32,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&__subname {
|
&__subname {
|
||||||
margin-left: 5px;
|
margin-left: @padding-base;
|
||||||
color: @action-sheet-subname-color;
|
color: @action-sheet-subname-color;
|
||||||
font-size: @action-sheet-subname-font-size;
|
font-size: @action-sheet-subname-font-size;
|
||||||
}
|
}
|
||||||
|
@ -28,7 +28,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&__name {
|
&__name {
|
||||||
margin-bottom: 5px;
|
margin-bottom: @padding-base;
|
||||||
font-weight: @font-weight-bold;
|
font-weight: @font-weight-bold;
|
||||||
font-size: @font-size-md;
|
font-size: @font-size-md;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
|
@ -35,7 +35,7 @@
|
|||||||
margin: @padding-sm 0;
|
margin: @padding-sm 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
background: @background-color;
|
background: @background-color;
|
||||||
border-radius: @border-radius-base;
|
border-radius: @border-radius-md;
|
||||||
|
|
||||||
img {
|
img {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -141,7 +141,7 @@
|
|||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
line-height: 16px;
|
line-height: 16px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
border-radius: @border-radius-base;
|
border-radius: @border-radius-md;
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -11,7 +11,7 @@
|
|||||||
width: @stepper-input-height;
|
width: @stepper-input-height;
|
||||||
height: @stepper-input-height;
|
height: @stepper-input-height;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 5px;
|
padding: @padding-base;
|
||||||
color: @stepper-button-icon-color;
|
color: @stepper-button-icon-color;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
background-color: @stepper-background-color;
|
background-color: @stepper-background-color;
|
||||||
|
@ -42,8 +42,8 @@
|
|||||||
// Border
|
// Border
|
||||||
@border-color: #ebedf0;
|
@border-color: #ebedf0;
|
||||||
@border-width-base: 1px;
|
@border-width-base: 1px;
|
||||||
@border-radius-base: 4px;
|
|
||||||
@border-radius-sm: 2px;
|
@border-radius-sm: 2px;
|
||||||
|
@border-radius-md: 4px;
|
||||||
|
|
||||||
// ActionSheet
|
// ActionSheet
|
||||||
@action-sheet-max-height: 90%;
|
@action-sheet-max-height: 90%;
|
||||||
@ -72,7 +72,7 @@
|
|||||||
@address-list-disabled-text-color: @gray-dark;
|
@address-list-disabled-text-color: @gray-dark;
|
||||||
@address-list-disabled-text-font-size: @font-size-sm;
|
@address-list-disabled-text-font-size: @font-size-sm;
|
||||||
@address-list-disabled-text-line-height: 30px;
|
@address-list-disabled-text-line-height: 30px;
|
||||||
@address-list-add-button-z-index: 9999;
|
@address-list-add-button-z-index: 999;
|
||||||
@address-list-item-padding: @padding-md;
|
@address-list-item-padding: @padding-md;
|
||||||
@address-list-item-text-color: @gray-darker;
|
@address-list-item-text-color: @gray-darker;
|
||||||
@address-list-item-disabled-text-color: @gray-dark;
|
@address-list-item-disabled-text-color: @gray-dark;
|
||||||
@ -197,7 +197,7 @@
|
|||||||
|
|
||||||
// ContactList
|
// ContactList
|
||||||
@contact-list-edit-icon-size: 16px;
|
@contact-list-edit-icon-size: 16px;
|
||||||
@contact-list-add-button-z-index: 9999;
|
@contact-list-add-button-z-index: 999;
|
||||||
@contact-list-item-padding: @padding-md;
|
@contact-list-item-padding: @padding-md;
|
||||||
|
|
||||||
// CountDown
|
// CountDown
|
||||||
@ -211,7 +211,7 @@
|
|||||||
@coupon-content-padding: @padding-lg 0 0 @padding-md;
|
@coupon-content-padding: @padding-lg 0 0 @padding-md;
|
||||||
@coupon-background-color: @white;
|
@coupon-background-color: @white;
|
||||||
@coupon-active-background-color: @active-color;
|
@coupon-active-background-color: @active-color;
|
||||||
@coupon-border-radius: @border-radius-base;
|
@coupon-border-radius: @border-radius-md;
|
||||||
@coupon-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
|
@coupon-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
|
||||||
@coupon-head-width: 85px;
|
@coupon-head-width: 85px;
|
||||||
@coupon-amount-color: @red;
|
@coupon-amount-color: @red;
|
||||||
@ -239,7 +239,7 @@
|
|||||||
@dialog-width: 85%;
|
@dialog-width: 85%;
|
||||||
@dialog-font-size: @font-size-lg;
|
@dialog-font-size: @font-size-lg;
|
||||||
@dialog-transition: @animation-duration-base;
|
@dialog-transition: @animation-duration-base;
|
||||||
@dialog-border-radius: @border-radius-base;
|
@dialog-border-radius: @border-radius-md;
|
||||||
@dialog-background-color: @white;
|
@dialog-background-color: @white;
|
||||||
@dialog-header-font-weight: @font-weight-bold;
|
@dialog-header-font-weight: @font-weight-bold;
|
||||||
@dialog-header-line-height: 24px;
|
@dialog-header-line-height: 24px;
|
||||||
@ -556,7 +556,7 @@
|
|||||||
@stepper-input-text-color: @text-color;
|
@stepper-input-text-color: @text-color;
|
||||||
@stepper-input-disabled-text-color: @gray;
|
@stepper-input-disabled-text-color: @gray;
|
||||||
@stepper-input-disabled-background-color: @active-color;
|
@stepper-input-disabled-background-color: @active-color;
|
||||||
@stepper-border-radius: @border-radius-base;
|
@stepper-border-radius: @border-radius-md;
|
||||||
|
|
||||||
// SubmitBar
|
// SubmitBar
|
||||||
@submit-bar-height: 50px;
|
@submit-bar-height: 50px;
|
||||||
@ -648,7 +648,7 @@
|
|||||||
@toast-font-size: @font-size-md;
|
@toast-font-size: @font-size-md;
|
||||||
@toast-text-color: @white;
|
@toast-text-color: @white;
|
||||||
@toast-line-height: 20px;
|
@toast-line-height: 20px;
|
||||||
@toast-border-radius: @border-radius-base;
|
@toast-border-radius: @border-radius-md;
|
||||||
@toast-background-color: rgba(@text-color, .88);
|
@toast-background-color: rgba(@text-color, .88);
|
||||||
@toast-icon-size: 40px;
|
@toast-icon-size: 40px;
|
||||||
@toast-text-min-width: 96px;
|
@toast-text-min-width: 96px;
|
||||||
|
@ -60,7 +60,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&__loading {
|
&__loading {
|
||||||
padding: 5px;
|
padding: @padding-base;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__text {
|
&__text {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user