(创建页面,内容为“#home-gamebuild { display: flex; flex-direction: column; justify-content: space-between; } .home-gamebuild-links { grid-template-columns: 1fr 1fr; } .home-gamebuild-patch__container { display: flex; align-items: center; justify-content: space-between; } .home-gamebuild-patch { display: flex; white-space: nowrap; align-items: center; } .home-gamebuild-patch__name { font-size: 1.2rem; font-weight: 600; } .home-gamebuild-patch__type { padding: 0.…”) |
小无编辑摘要 |
||
第36行: | 第36行: | ||
} | } | ||
.home-gamebuild-patch__type-- | .home-gamebuild-patch__type--LIVE { | ||
background: var( --background-color-success ); | background: var( --background-color-success ); | ||
color: #14866d; | color: #14866d; | ||
} | } | ||
.home-gamebuild-patch__type-- | .home-gamebuild-patch__type--EVO { | ||
background: var( --background-color-destructive ); | background: var( --background-color-destructive ); | ||
color: #dd3333; | color: #dd3333; | ||
} | } | ||
.home-gamebuild-patch__type-- | .home-gamebuild-patch__type--WIP { | ||
background: var( --background-color-warning ); | background: var( --background-color-warning ); | ||
color: #ac6600; | color: #ac6600; | ||
} | } |
2023年9月19日 (二) 14:42的版本
#home-gamebuild {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.home-gamebuild-links {
grid-template-columns: 1fr 1fr;
}
.home-gamebuild-patch__container {
display: flex;
align-items: center;
justify-content: space-between;
}
.home-gamebuild-patch {
display: flex;
white-space: nowrap;
align-items: center;
}
.home-gamebuild-patch__name {
font-size: 1.2rem;
font-weight: 600;
}
.home-gamebuild-patch__type {
padding: 0.1rem 0.6rem;
margin-left: 0.4rem;
background: var( --color-surface-3 );
border-radius: 100px;
font-size: 0.8125rem;
font-weight: 500;
text-transform: uppercase;
}
.home-gamebuild-patch__type--LIVE {
background: var( --background-color-success );
color: #14866d;
}
.home-gamebuild-patch__type--EVO {
background: var( --background-color-destructive );
color: #dd3333;
}
.home-gamebuild-patch__type--WIP {
background: var( --background-color-warning );
color: #ac6600;
}