press-pix
Version:
64 lines • 1.69 kB
text/less
.select-group{
position: relative;
display: flex;
flex-direction: row;
align-items: center;
margin-top: .1rem;
margin-left: .5rem;
z-index: 9;
}
.area-list{
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 9.48rem;
height: 3rem;
margin-top: .26rem;
margin-left: .42rem;
overflow: scroll;
}
.area-item{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
align-content: flex-start;
flex-shrink: 0;
margin-right: .14rem;
margin-bottom: .2rem;
width: 1.62rem;
height: .66rem;
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/solo/bg-area-item.png);
background-repeat: no-repeat;
background-size: 100%;
overflow: scroll;
&.area-item-act{
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/solo/bg-area-item-act.png);
.area-text{
color: #060b19;
}
}
&.area-item-long5{
width: 3.24rem;
height: .66rem;
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/solo/bg-area-item5.png);
&.area-item-act{
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/solo/bg-area-item-act5.png);
}
}
&.area-item-long11{
width: 4.86rem;
height: .66rem;
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/solo/bg-area-item11.png);
&.area-item-act{
background-image: url(https://image-1251917893.file.myqcloud.com/Esports/pix/img/solo/bg-area-item-act11.png);
}
}
}
.area-text{
position: relative;
text-align: center;
font-family: GameFont;
font-size: .24rem;
color: #294391;
}