Template:Home/styles.css: Difference between revisions
Add featured-article styling to the homepage |
Match homepage feature to the existing Spike Wiki card style |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 12: | Line 12: | ||
display:grid; | display:grid; | ||
grid-template-columns:1fr; | grid-template-columns:1fr; | ||
gap: | gap:12px; | ||
align-items: | align-items:start; | ||
margin:12px 0 16px; | margin:12px 0 16px; | ||
padding: | padding:12px; | ||
border:1px solid #eaecf0; | border:1px solid #eaecf0; | ||
border-radius: | border-radius:8px; | ||
background:# | background:#fff; | ||
} | } | ||
.featured-media .mw-file-description{ display:block; } | .featured-media .mw-file-description{ display:block; } | ||
| Line 26: | Line 26: | ||
height:auto; | height:auto; | ||
aspect-ratio:16 / 10; | aspect-ratio:16 / 10; | ||
border-radius: | border-radius:6px; | ||
object-fit:cover; | object-fit:cover; | ||
} | } | ||
.featured-kicker{ | .featured-kicker{ | ||
color:# | margin-bottom:4px; | ||
font-size: | color:#202122; | ||
font-weight: | font-size:1rem; | ||
font-weight:600; | |||
line-height:1.4; | |||
} | } | ||
.featured-title{ | .featured-title{ | ||
font-size:1.2rem; | |||
font-size:1. | |||
font-weight:700; | font-weight:700; | ||
line-height:1. | line-height:1.3; | ||
} | } | ||
.featured-title a{ color: | .featured-title a{ color:#36c; text-decoration:none; } | ||
.featured-title a:hover{ text-decoration:underline; } | .featured-title a:hover{ text-decoration:underline; } | ||
.featured-text{ margin-top: | .featured-text{ margin-top:6px; color:#54595d; line-height:1.5; } | ||
@media (min-width:720px){ | @media (min-width:720px){ | ||
.featured{ grid-template-columns:minmax( | .featured{ grid-template-columns:minmax(180px, 30%) minmax(0, 1fr); } | ||
} | } | ||