50 lines
831 B
CSS
50 lines
831 B
CSS
.__PFX__-rank-home{
|
|
display:grid;
|
|
grid-template-columns:repeat(4,1fr);
|
|
gap:16px;
|
|
}
|
|
|
|
@media (max-width:1200px){
|
|
.__PFX__-rank-home{
|
|
grid-template-columns:repeat(2,1fr);
|
|
}
|
|
}
|
|
|
|
@media (max-width:640px){
|
|
.__PFX__-rank-home{
|
|
grid-template-columns:1fr;
|
|
}
|
|
}
|
|
.__PFX__-rank-block{
|
|
border:1px solid var(--border-color);
|
|
background:var(--bg-color);
|
|
border-radius:10px;
|
|
padding:12px;
|
|
}
|
|
.__PFX__-rank-head{
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:space-between;
|
|
margin-bottom:8px;
|
|
}
|
|
|
|
.__PFX__-rank-title{
|
|
font-size:16px;
|
|
font-weight:700;
|
|
}
|
|
|
|
.__PFX__-rank-more{
|
|
font-size:12px;
|
|
color:var(--text-muted-color);
|
|
text-decoration:none;
|
|
}
|
|
.rank-list{
|
|
list-style:none;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
.rank-list > li{
|
|
margin-bottom:6px;
|
|
}
|