blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

style(Popover): add less vars

Browse Source
This commit is contained in:
chenjiahan 2020-11-20 14:19:54 +08:00 committed by neverland
parent cac791fd13
commit 85202c7676
2 changed files with 29 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/popover/index.less
View File

@ -17,12 +17,12 @@
height: 0;
border-color: transparent;
border-style: solid;
border-width: 6px;
border-width: @popover-arrow-size;
}
&__content {
overflow: hidden;
border-radius: @border-radius-lg;
border-radius: @popover-border-radius;
}
&__action {
@ -30,10 +30,10 @@
display: flex;
align-items: center;
box-sizing: border-box;
width: 128px;
height: 44px;
width: @popover-action-width;
height: @popover-action-height;
padding: 0 @padding-md;
font-size: @font-size-md;
font-size: @popover-action-font-size;
line-height: @line-height-md;
&:last-child {
@ -52,7 +52,7 @@
&-icon {
margin-right: @padding-xs;
font-size: 20px;
font-size: @popover-action-icon-size;
}
&--with-icon {
@ -195,15 +195,15 @@
}
&--light {
color: @text-color;
color: @popover-light-text-color;
.van-popover__content {
background-color: @white;
background-color: @popover-light-background-color;
box-shadow: 0 2px 12px rgba(50, 50, 51, 0.12);
}
.van-popover__arrow {
color: @white;
color: @popover-light-background-color;
}
.van-popover__action {
@ -212,7 +212,7 @@
}
&--disabled {
color: @gray-5;
color: @popover-light-action-disabled-text-color;
&:active {
background-color: transparent;
@ -222,14 +222,14 @@
}
&--dark {
color: @white;
color: @popover-dark-text-color;
.van-popover__content {
background-color: #4a4a4a;
background-color: @popover-dark-background-color;
}
.van-popover__arrow {
color: #4a4a4a;
color: @popover-dark-background-color;
}
.van-popover__action {
@ -238,7 +238,7 @@
}
&--disabled {
color: @gray-6;
color: @popover-dark-action-disabled-text-color;
&:active {
background-color: transparent;

15
src/style/var.less
View File

@ -555,6 +555,21 @@
@picker-loading-icon-color: @blue;
@picker-loading-mask-color: rgba(255, 255, 255, 0.9);
// Popover
@popover-arrow-size: 6px;
@popover-border-radius: @border-radius-lg;
@popover-action-width: 128px;
@popover-action-height: 44px;
@popover-action-font-size: @font-size-md;
@popover-action-line-height: @line-height-md;
@popover-action-icon-size: 20px;
@popover-light-text-color: @text-color;
@popover-light-background-color: @white;
@popover-light-action-disabled-text-color: @gray-5;
@popover-dark-text-color: @white;
@popover-dark-background-color: #4a4a4a;
@popover-dark-action-disabled-text-color: @gray-6;
// Popup
@popup-background-color: @white;
@popup-transition: transform @animation-duration-base;