110 lines
1.9 KiB
Plaintext
110 lines
1.9 KiB
Plaintext
.t-float-left {
|
|
float: left;
|
|
}
|
|
.t-float-right {
|
|
float: right;
|
|
}
|
|
@keyframes tdesign-fade-out {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
.hotspot-expanded.relative {
|
|
position: relative;
|
|
}
|
|
.hotspot-expanded::after {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
transform: scale(1.5);
|
|
}
|
|
page {
|
|
--td-avatar-group-border-color: #fff;
|
|
}
|
|
.border--small {
|
|
border: 4rpx solid var(--td-avatar-group-border-color, #fff);
|
|
}
|
|
.border--medium {
|
|
border: 6rpx solid var(--td-avatar-group-border-color, #fff);
|
|
}
|
|
.border--large {
|
|
border: 8rpx solid var(--td-avatar-group-border-color, #fff);
|
|
}
|
|
page {
|
|
--td-avatar-bg-color: #d4e3fc;
|
|
--td-avatar-content-color: #0052d9;
|
|
}
|
|
.t-avatar {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
box-sizing: border-box;
|
|
}
|
|
.t-avatar__wrapper {
|
|
float: left;
|
|
position: relative;
|
|
background-color: var(--td-avatar-bg-color, #d4e3fc);
|
|
color: var(--td-avatar-content-color, #0052d9);
|
|
border-radius: 999rpx;
|
|
}
|
|
.t-avatar__wrapper .t-badge-host {
|
|
position: absolute;
|
|
}
|
|
.t-avatar__wrapper .t-badge__round {
|
|
top: -10%;
|
|
right: -10%;
|
|
}
|
|
.t-avatar__wrapper .t-badge__circle {
|
|
top: -5%;
|
|
right: -5%;
|
|
}
|
|
.t-avatar.t-size-l {
|
|
width: 128rpx;
|
|
height: 128rpx;
|
|
font-size: 52rpx;
|
|
}
|
|
.t-avatar.t-size-m {
|
|
width: 96rpx;
|
|
height: 96rpx;
|
|
font-size: 40rpx;
|
|
}
|
|
.t-avatar.t-size-s {
|
|
width: 64rpx;
|
|
height: 64rpx;
|
|
font-size: 28rpx;
|
|
}
|
|
.t-avatar .t-image,
|
|
.t-avatar__image {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.t-avatar--circle {
|
|
border-radius: 999rpx;
|
|
overflow: hidden;
|
|
}
|
|
.t-avatar--round {
|
|
border-radius: 10rpx;
|
|
overflow: hidden;
|
|
}
|
|
.t-avatar__text,
|
|
.t-avatar__icon {
|
|
font-size: inherit;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.t-avatar__text:empty,
|
|
.t-avatar__icon:empty {
|
|
width: 0;
|
|
height: 0;
|
|
}
|