模板:MUCWikiHome/styles.css:修订间差异
来自MUC Wiki
更多操作
Maintenance(留言 | 贡献) Update MUCWiki homepage component styles |
Maintenance(留言 | 贡献) Tighten MUCWiki homepage mobile component rhythm |
||
| 第31行: | 第31行: | ||
gap: 1rem; | gap: 1rem; | ||
align-items: stretch; | align-items: stretch; | ||
padding: | padding: .92rem; | ||
border: 1px solid #d7ddd7; | border: 1px solid #d7ddd7; | ||
border-radius: 8px; | border-radius: 8px; | ||
| 第37行: | 第37行: | ||
linear-gradient(135deg, rgba(255, 241, 239, .72), rgba(255, 255, 255, .84) 38%), | linear-gradient(135deg, rgba(255, 241, 239, .72), rgba(255, 255, 255, .84) 38%), | ||
#fff; | #fff; | ||
box-shadow: 0 | box-shadow: 0 10px 28px rgba(42, 48, 41, .055); | ||
} | } | ||
| 第44行: | 第44行: | ||
align-content: center; | align-content: center; | ||
gap: .72rem; | gap: .72rem; | ||
min-height: | min-height: 11.4rem; | ||
padding: 1. | padding: 1.1rem 1.2rem; | ||
border-left: | border-left: 3px solid #b42318; | ||
border-radius: 8px; | border-radius: 8px; | ||
background: rgba(255, 255, 255, .62); | background: rgba(255, 255, 255, .62); | ||
| 第79行: | 第79行: | ||
.mucwiki-home-title { | .mucwiki-home-title { | ||
color: #141b22; | color: #141b22; | ||
font-size: 2. | font-size: 2.16rem; | ||
font-weight: 900; | font-weight: 900; | ||
line-height: 1.08; | line-height: 1.08; | ||
| 第87行: | 第87行: | ||
max-width: 42rem; | max-width: 42rem; | ||
color: #263044; | color: #263044; | ||
font-size: | font-size: 1rem; | ||
font-weight: 700; | font-weight: 700; | ||
} | } | ||
| 第102行: | 第102行: | ||
align-items: center; | align-items: center; | ||
justify-items: center; | justify-items: center; | ||
min-height: | min-height: 9.6rem; | ||
overflow: hidden; | overflow: hidden; | ||
border: 1px solid #e1e6e0; | border: 1px solid #e1e6e0; | ||
| 第126行: | 第126行: | ||
.mucwiki-home-stat { | .mucwiki-home-stat { | ||
min-width: 0; | min-width: 0; | ||
padding: . | padding: .62rem .66rem; | ||
border: 1px solid #dfe5de; | border: 1px solid #dfe5de; | ||
border-radius: 8px; | border-radius: 8px; | ||
| 第209行: | 第209行: | ||
position: relative; | position: relative; | ||
min-height: 5.25rem; | min-height: 5.25rem; | ||
padding: . | padding: .8rem 1.82rem .8rem .88rem; | ||
overflow: hidden; | overflow: hidden; | ||
transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease; | transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease; | ||
| 第236行: | 第236行: | ||
border-color: #b8c8b8; | border-color: #b8c8b8; | ||
background: #fbfdfb; | background: #fbfdfb; | ||
box-shadow: 0 | box-shadow: 0 8px 20px rgba(42, 48, 41, .05); | ||
transform: translateY(-1px); | transform: translateY(-1px); | ||
} | } | ||
| 第405行: | 第405行: | ||
@media (max-width: 560px) { | @media (max-width: 560px) { | ||
.mucwiki-home { | .mucwiki-home { | ||
gap: . | gap: .7rem; | ||
font-size: .94rem; | |||
} | } | ||
.mucwiki-home-masthead { | .mucwiki-home-masthead { | ||
gap: . | gap: .56rem; | ||
padding: . | padding: .58rem; | ||
} | } | ||
.mucwiki-home-copy { | .mucwiki-home-copy { | ||
min-height: auto; | min-height: auto; | ||
gap: . | gap: .42rem; | ||
padding: . | padding: .54rem .28rem .54rem .62rem; | ||
border-left-width: | border-left-width: 2px; | ||
line-height: 1.62; | |||
} | |||
.mucwiki-home-kicker { | |||
min-height: 1.42rem; | |||
padding: .18rem .5rem; | |||
font-size: .76rem; | |||
} | |||
.mucwiki-home-kicker::before { | |||
width: .36rem; | |||
height: .36rem; | |||
margin-right: .3rem; | |||
} | } | ||
.mucwiki-home-title { | .mucwiki-home-title { | ||
font-size: 1. | font-size: 1.42rem; | ||
line-height: 1.14; | |||
} | } | ||
.mucwiki-home-lede { | .mucwiki-home-lede { | ||
font-size: . | font-size: .88rem; | ||
line-height: 1.52; | |||
} | } | ||
.mucwiki-home-media { | .mucwiki-home-media { | ||
min-height: | min-height: 6.4rem; | ||
} | } | ||
| 第438行: | 第454行: | ||
.mucwiki-home-stats-grid { | .mucwiki-home-stats-grid { | ||
gap: . | gap: .3rem; | ||
} | } | ||
.mucwiki-home-stat { | .mucwiki-home-stat { | ||
padding: . | padding: .4rem .34rem; | ||
} | } | ||
.mucwiki-home-stat strong { | .mucwiki-home-stat strong { | ||
font-size: . | font-size: .92rem; | ||
} | } | ||
.mucwiki-home-stat span { | .mucwiki-home-stat span { | ||
font-size: . | font-size: .72rem; | ||
} | } | ||
| 第458行: | 第474行: | ||
.mucwiki-home-section h2 { | .mucwiki-home-section h2 { | ||
margin-bottom: . | margin-bottom: .48rem; | ||
padding-bottom: . | padding-bottom: .36rem; | ||
font-size: | font-size: .98rem; | ||
} | } | ||
| 第468行: | 第484行: | ||
.mucwiki-home-section--entries { | .mucwiki-home-section--entries { | ||
padding: . | padding: .62rem; | ||
} | } | ||
.mucwiki-home-card { | .mucwiki-home-card { | ||
min-height: | min-height: 4rem; | ||
padding: . | padding: .62rem 1.62rem .62rem .72rem; | ||
} | |||
.mucwiki-home-card strong { | |||
font-size: .94rem; | |||
} | } | ||
.mucwiki-home-card span { | .mucwiki-home-card span { | ||
margin-top: . | margin-top: .2rem; | ||
line-height: 1. | line-height: 1.46; | ||
} | } | ||
| 第485行: | 第505行: | ||
.mucwiki-home-panel, | .mucwiki-home-panel, | ||
.mucwiki-home-help__grid > div { | .mucwiki-home-help__grid > div { | ||
padding: . | padding: .66rem .7rem; | ||
} | } | ||