< 模板:企业信息
AurLemonCN(讨论 | 贡献) 小无编辑摘要 |
AurLemonCN(讨论 | 贡献) 小无编辑摘要 |
||
第7行: | 第7行: | ||
float: right; | float: right; | ||
clear: right; | clear: right; | ||
padding: | padding: 10px; | ||
margin: 0 0 var(--space-lg)var(--space-lg); | margin: 0 0 var(--space-lg)var(--space-lg); | ||
} | } | ||
第22行: | 第22行: | ||
object-fit: cover; | object-fit: cover; | ||
object-position: center; | object-position: center; | ||
border-radius: 20px; | |||
} | } | ||
第53行: | 第54行: | ||
.infobox .infobox-table .infobox-table__box { | .infobox .infobox-table .infobox-table__box { | ||
display: flex; | |||
box-sizing: border-box; | |||
flex-direction: column; | |||
padding: 0 10px; | |||
margin-top: 10px; | |||
} | } |
2023年9月15日 (五) 22:54的版本
.infobox { border-radius: 12px; background-color: var(--color-surface-2); box-shadow: var(--box-shadow-card); width: 100%; max-width: 300px; float: right; clear: right; padding: 10px; margin: 0 0 var(--space-lg)var(--space-lg); } .infobox .infobox__header { font-size: 24px; font-weight: bold; text-align: center; } .infobox .infobox__pic img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 20px; } .infobox .infobox-table { display: flex; flex-wrap: wrap; } .infobox .infobox__title { color: var(--color-base--subtle); font-size: 0.8125rem; font-weight: normal; letter-spacing: 0.75px; } .infobox .infobox__label { font-weight: 600; } .infobox .infobox-table .infobox-col-1 { width: 100%; } .infobox .infobox-table .infobox-col-2 { width: 50%; } .infobox .infobox-table .infobox-col3 { width: calc( 100% / 3 ); } .infobox .infobox-table .infobox-table__box { display: flex; box-sizing: border-box; flex-direction: column; padding: 0 10px; margin-top: 10px; }