Template:Home/styles.css: Difference between revisions
Refine classic homepage feature links on mobile |
Match homepage feature to the existing Spike Wiki card style |
||
| Line 16: | Line 16: | ||
margin:12px 0 16px; | margin:12px 0 16px; | ||
padding:12px; | padding:12px; | ||
border:1px solid # | border:1px solid #eaecf0; | ||
border-radius:8px; | |||
background:#fff; | background:#fff; | ||
} | } | ||
| Line 25: | Line 26: | ||
height:auto; | height:auto; | ||
aspect-ratio:16 / 10; | aspect-ratio:16 / 10; | ||
border: | border-radius:6px; | ||
object-fit:cover; | object-fit:cover; | ||
} | } | ||
.featured-kicker{ | .featured-kicker{ | ||
margin-bottom:4px; | |||
color:#202122; | color:#202122; | ||
font-size:1rem; | |||
font-size: | font-weight:600; | ||
font-weight: | line-height:1.4; | ||
line-height:1. | |||
} | } | ||
.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:#36c; text-decoration:none; } | .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:6px; color:# | .featured-text{ margin-top:6px; color:#54595d; line-height:1.5; } | ||
@media (min-width:720px){ | @media (min-width:720px){ | ||
.featured{ grid-template-columns:minmax(180px, 30%) minmax(0, 1fr); } | .featured{ grid-template-columns:minmax(180px, 30%) minmax(0, 1fr); } | ||
} | } | ||