press-pix
Version:
基于 PixUI 的 Press 组件库
96 lines (87 loc) • 1.75 kB
text/less
@import '../../common/styles/pubgm/mixins.less';
.pmg-match-rules-container{
position: fixed;
left: 0;
top: 0;
z-index: 99;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
background-color: rgba(0, 0, 0, .9)
}
.pmg-match-navbar-container{
padding: 0 .88rem;
}
.pmg-match-rules-content{
width: 100%;
height: 5.1rem;
.bgUrl('comp/rules-bg.png');
background-size: 100% 5.1rem;
flex-shrink: 0;
padding-top: .42rem;
padding-bottom: .42rem;
}
.pmg-match-navbar-container{
height: auto;
}
.pmg-header-container{
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
margin-bottom: .2rem;
position: relative;
flex-shrink: 0;
}
.pmg-header-right{
display: flex;
flex-direction: row;
align-items: center;
flex-shrink: 0;
.pmg-right-title{
color: #fff;
font-size: .4rem;
font-weight: bold;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
}
.pmg-close-icon{
width: .4rem;
height: .4rem;
.bgUrl('comp/icon-close.png');
margin: 0 .24rem;
}
}
.pmg-header-center{
position: absolute;
width: 100%;
height: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.pmg-center-tabs{
display: flex;
flex-direction: row;
}
.pmg-tab-item{
width: 2.14rem;
height: .64rem;
background-color: rgba(53, 53, 53, .6);
border: .02rem solid rgba(255, 255, 255, .5);
color: #FFF;
font-size: .22rem;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
align-items: center;
&.pmg-active{
background-color: rgba(51, 78, 82, 0.60);
border: .02rem solid #C7FFF6;
color: #C7FFF6;
}
}