mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
chore: add @font-weight-bold var (#4594)
This commit is contained in:
parent
7ad6c324f8
commit
557b8ea54d
@ -45,7 +45,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&__header {
|
&__header {
|
||||||
font-weight: 500;
|
font-weight: @font-weight-bold;
|
||||||
font-size: @action-sheet-header-font-size;
|
font-size: @action-sheet-header-font-size;
|
||||||
line-height: @action-sheet-header-height;
|
line-height: @action-sheet-header-height;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -29,7 +29,7 @@
|
|||||||
|
|
||||||
&__name {
|
&__name {
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
font-weight: 500;
|
font-weight: @font-weight-bold;
|
||||||
font-size: @font-size-md;
|
font-size: @font-size-md;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
}
|
}
|
||||||
|
@ -45,7 +45,7 @@
|
|||||||
|
|
||||||
&__title {
|
&__title {
|
||||||
max-height: 32px;
|
max-height: 32px;
|
||||||
font-weight: 500;
|
font-weight: @font-weight-bold;
|
||||||
line-height: @card-title-line-height;
|
line-height: @card-title-line-height;
|
||||||
|
|
||||||
.multi-ellipsis(2);
|
.multi-ellipsis(2);
|
||||||
@ -64,7 +64,7 @@
|
|||||||
&__price {
|
&__price {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
color: @card-price-color;
|
color: @card-price-color;
|
||||||
font-weight: 500;
|
font-weight: @font-weight-bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__origin-price {
|
&__origin-price {
|
||||||
|
@ -21,7 +21,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&__name {
|
&__name {
|
||||||
font-weight: 500;
|
font-weight: @font-weight-bold;
|
||||||
font-size: @font-size-md;
|
font-size: @font-size-md;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
}
|
}
|
||||||
|
@ -25,7 +25,7 @@
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
font-weight: 500;
|
font-weight: @font-weight-bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__empty {
|
&__empty {
|
||||||
|
@ -28,7 +28,7 @@
|
|||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
height: 34px;
|
height: 34px;
|
||||||
font-weight: 500;
|
font-weight: @font-weight-bold;
|
||||||
line-height: 34px;
|
line-height: 34px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -3,7 +3,7 @@
|
|||||||
.van-goods-action-button {
|
.van-goods-action-button {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
height: @goods-action-button-height;
|
height: @goods-action-button-height;
|
||||||
font-weight: 500;
|
font-weight: @font-weight-bold;
|
||||||
font-size: @font-size-md;
|
font-size: @font-size-md;
|
||||||
line-height: normal;
|
line-height: normal;
|
||||||
border: none;
|
border: none;
|
||||||
|
@ -14,7 +14,7 @@
|
|||||||
|
|
||||||
&__index {
|
&__index {
|
||||||
padding: 0 @padding-base 0 @padding-md;
|
padding: 0 @padding-base 0 @padding-md;
|
||||||
font-weight: 500;
|
font-weight: @font-weight-bold;
|
||||||
font-size: @index-bar-index-font-size;
|
font-size: @index-bar-index-font-size;
|
||||||
line-height: @index-bar-index-line-height;
|
line-height: @index-bar-index-line-height;
|
||||||
}
|
}
|
||||||
|
@ -34,7 +34,7 @@
|
|||||||
max-width: 60%;
|
max-width: 60%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
color: @nav-bar-title-text-color;
|
color: @nav-bar-title-text-color;
|
||||||
font-weight: 500;
|
font-weight: @font-weight-bold;
|
||||||
font-size: @nav-bar-title-font-size;
|
font-size: @nav-bar-title-font-size;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -28,7 +28,7 @@
|
|||||||
|
|
||||||
&__title {
|
&__title {
|
||||||
max-width: 50%;
|
max-width: 50%;
|
||||||
font-weight: 500;
|
font-weight: @font-weight-bold;
|
||||||
font-size: @picker-title-font-size;
|
font-size: @picker-title-font-size;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
@ -72,7 +72,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&__price-num {
|
&__price-num {
|
||||||
font-weight: 500;
|
font-weight: @font-weight-bold;
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
@ -316,7 +316,7 @@
|
|||||||
|
|
||||||
.van-button {
|
.van-button {
|
||||||
height: 40px;
|
height: 40px;
|
||||||
font-weight: 500;
|
font-weight: @font-weight-bold;
|
||||||
font-size: @font-size-md;
|
font-size: @font-size-md;
|
||||||
line-height: 34px;
|
line-height: 34px;
|
||||||
border: none;
|
border: none;
|
||||||
|
@ -33,6 +33,9 @@
|
|||||||
@font-size-md: 14px;
|
@font-size-md: 14px;
|
||||||
@font-size-lg: 16px;
|
@font-size-lg: 16px;
|
||||||
|
|
||||||
|
// Font Weight
|
||||||
|
@font-weight-bold: 500;
|
||||||
|
|
||||||
// Animation
|
// Animation
|
||||||
@animation-duration-base: .3s;
|
@animation-duration-base: .3s;
|
||||||
@animation-duration-fast: .2s;
|
@animation-duration-fast: .2s;
|
||||||
@ -163,7 +166,7 @@
|
|||||||
|
|
||||||
// Circle
|
// Circle
|
||||||
@circle-text-color: @text-color;
|
@circle-text-color: @text-color;
|
||||||
@circle-text-font-weight: 500;
|
@circle-text-font-weight: @font-weight-bold;
|
||||||
@circle-text-font-size: @font-size-md;
|
@circle-text-font-size: @font-size-md;
|
||||||
@circle-text-line-height: 18px;
|
@circle-text-line-height: 18px;
|
||||||
|
|
||||||
@ -233,7 +236,7 @@
|
|||||||
@dialog-transition: @animation-duration-base;
|
@dialog-transition: @animation-duration-base;
|
||||||
@dialog-border-radius: 4px;
|
@dialog-border-radius: 4px;
|
||||||
@dialog-background-color: @white;
|
@dialog-background-color: @white;
|
||||||
@dialog-header-font-weight: 500;
|
@dialog-header-font-weight: @font-weight-bold;
|
||||||
@dialog-header-line-height: 24px;
|
@dialog-header-line-height: 24px;
|
||||||
@dialog-header-padding-top: @padding-lg;
|
@dialog-header-padding-top: @padding-lg;
|
||||||
@dialog-header-isolated-padding: @padding-lg 0;
|
@dialog-header-isolated-padding: @padding-lg 0;
|
||||||
@ -302,7 +305,7 @@
|
|||||||
// IndexAnchor
|
// IndexAnchor
|
||||||
@index-anchor-padding: 0 @padding-md;
|
@index-anchor-padding: 0 @padding-md;
|
||||||
@index-anchor-text-color: @text-color;
|
@index-anchor-text-color: @text-color;
|
||||||
@index-anchor-font-weight: 500;
|
@index-anchor-font-weight: @font-weight-bold;
|
||||||
@index-anchor-font-size: @font-size-md;
|
@index-anchor-font-size: @font-size-md;
|
||||||
@index-anchor-line-height: 32px;
|
@index-anchor-line-height: 32px;
|
||||||
@index-anchor-background-color: transparent;
|
@index-anchor-background-color: transparent;
|
||||||
@ -317,7 +320,7 @@
|
|||||||
@info-color: @white;
|
@info-color: @white;
|
||||||
@info-padding: 0 3px;
|
@info-padding: 0 3px;
|
||||||
@info-font-size: @font-size-sm;
|
@info-font-size: @font-size-sm;
|
||||||
@info-font-weight: 500;
|
@info-font-weight: @font-weight-bold;
|
||||||
@info-border-width: 1px;
|
@info-border-width: 1px;
|
||||||
@info-background-color: @red;
|
@info-background-color: @red;
|
||||||
@info-dot-color: @red;
|
@info-dot-color: @red;
|
||||||
@ -496,7 +499,7 @@
|
|||||||
@sidebar-padding: 20px @padding-sm 20px @padding-xs;
|
@sidebar-padding: 20px @padding-sm 20px @padding-xs;
|
||||||
@sidebar-active-color: @active-color;
|
@sidebar-active-color: @active-color;
|
||||||
@sidebar-background-color: @background-color-light;
|
@sidebar-background-color: @background-color-light;
|
||||||
@sidebar-selected-font-weight: 500;
|
@sidebar-selected-font-weight: @font-weight-bold;
|
||||||
@sidebar-selected-text-color: @text-color;
|
@sidebar-selected-text-color: @text-color;
|
||||||
@sidebar-selected-border-color: @red;
|
@sidebar-selected-border-color: @red;
|
||||||
@sidebar-selected-background-color: @white;
|
@sidebar-selected-background-color: @white;
|
||||||
@ -673,6 +676,8 @@
|
|||||||
@uploader-file-background-color: @background-color;
|
@uploader-file-background-color: @background-color;
|
||||||
@uploader-file-icon-size: 20px;
|
@uploader-file-icon-size: 20px;
|
||||||
@uploader-file-icon-color: @gray-darker;
|
@uploader-file-icon-color: @gray-darker;
|
||||||
|
@uploader-file-name-padding: 0 @padding-base;
|
||||||
|
@uploader-file-name-margin-top: @padding-xs;
|
||||||
@uploader-file-name-font-size: @font-size-sm;
|
@uploader-file-name-font-size: @font-size-sm;
|
||||||
@uploader-file-name-text-color: @gray-darker;
|
@uploader-file-name-text-color: @gray-darker;
|
||||||
|
|
||||||
|
@ -39,7 +39,7 @@
|
|||||||
flex: 1;
|
flex: 1;
|
||||||
padding-right: @padding-sm;
|
padding-right: @padding-sm;
|
||||||
color: @submit-bar-text-color;
|
color: @submit-bar-text-color;
|
||||||
font-weight: 500;
|
font-weight: @font-weight-bold;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
|
@ -18,7 +18,7 @@
|
|||||||
|
|
||||||
&--active {
|
&--active {
|
||||||
color: @tab-active-text-color;
|
color: @tab-active-text-color;
|
||||||
font-weight: 500;
|
font-weight: @font-weight-bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
&--disabled {
|
&--disabled {
|
||||||
|
@ -86,8 +86,8 @@
|
|||||||
&-name {
|
&-name {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-top: @padding-xs;
|
margin-top: @uploader-file-name-margin-top;
|
||||||
padding: 0 5px;
|
padding: @uploader-file-name-padding;
|
||||||
color: @uploader-file-name-text-color;
|
color: @uploader-file-name-text-color;
|
||||||
font-size: @uploader-file-name-font-size;
|
font-size: @uploader-file-name-font-size;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user