press-pix
Version:
基于 PixUI 的 Press 组件库
78 lines • 1.86 kB
text/less
.match-stage{
display: flex;
flex-direction: row;
align-items: center;
height: .42rem;
padding: 0 .08rem 0 .06rem;
margin-right: .38rem;
background: #060b19;
&.match-stage-blue{
.match-icon{
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/solo/icon-stage-blue.png);
}
.match-name{
color: #8cd2fc;
}
.match-time{
color: #8cd2fc;
}
.exchange-icon{
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/solo/icon-exchange-blue.png);
}
}
&.match-stage-purple{
.match-icon{
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/solo/icon-stage-purple.png);
}
.match-name{
color: #bc85ff;
}
.match-time{
color: #bc85ff;
}
.exchange-icon{
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/solo/icon-exchange-purple.png);
}
}
&.match-stage-yellow{
.match-icon{
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/solo/icon-stage-yellow.png);
}
.match-name{
color: #ffbe42;
}
.match-time{
color: #ffbe42;
}
.exchange-icon{
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/solo/icon-exchange-yellow.png);
}
}
}
.match-icon{
width: .38rem;
height: .35rem;
background-repeat: no-repeat;
background-size: 100%;
}
.match-name{
position: relative;
top: .02rem;
font-family: GameFont;
font-size: .22rem;
margin-right: .06rem;
}
.match-time{
position: relative;
top: .04rem;
line-height: .16rem;
font-size: .16rem;
font-family: gamefontyahei;
margin-right: .12rem;
}
.exchange-icon{
width: .24rem;
height: .19rem;
background-repeat: no-repeat;
background-size: 100%;
}