mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
4ccd7c1cb5
* style: add --van-warning-color * style: add --van-success-color * feat: add more color variables
50 lines
1.1 KiB
Plaintext
50 lines
1.1 KiB
Plaintext
@import './var.less';
|
|
|
|
:root {
|
|
--van-contact-card-padding: @contact-card-padding;
|
|
--van-contact-card-add-icon-size: @contact-card-add-icon-size;
|
|
--van-contact-card-add-icon-color: @contact-card-add-icon-color;
|
|
--van-contact-card-value-line-height: @contact-card-value-line-height;
|
|
}
|
|
|
|
.van-contact-card {
|
|
padding: var(--van-contact-card-padding);
|
|
|
|
&__value {
|
|
margin-left: 5px;
|
|
line-height: var(--van-contact-card-value-line-height);
|
|
}
|
|
|
|
&--add {
|
|
.van-contact-card__value {
|
|
line-height: var(--van-contact-card-add-icon-size);
|
|
}
|
|
|
|
.van-cell__left-icon {
|
|
color: var(--van-contact-card-add-icon-color);
|
|
font-size: var(--van-contact-card-add-icon-size);
|
|
}
|
|
}
|
|
|
|
&::before {
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
height: 2px;
|
|
background: repeating-linear-gradient(
|
|
-45deg,
|
|
#ff6c6c 0,
|
|
#ff6c6c 20%,
|
|
transparent 0,
|
|
transparent 25%,
|
|
var(--van-primary-color) 0,
|
|
var(--van-primary-color) 45%,
|
|
transparent 0,
|
|
transparent 50%
|
|
);
|
|
background-size: 80px;
|
|
content: '';
|
|
}
|
|
}
|