常用封装css
$priamry:
$black:
.flex {
display: flex;
&-center {
display: flex;
align-items: center;
}
&-between {
display: flex;
justify-content: space-between;
}
}
.gutter {
flex: 1;
}
.bg {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.img-container {
overflow: hidden;
font-size: 0;
.img {
width: 100%;
height: 100%;
object-fit: cover;
}
&--default {
height: 100%;
justify-content: center;
color: $black;
font-family: PingFangSC-Semibold;
font-weight: bold;
background-color: $priamry;
}
}
.ellipsis {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.clamp {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.primary-btn {
color: $black;
background-color: $priamry;
}