Template:PatchHighlights/styles.css: Difference between revisions
Template page
More actions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* | /* outer padding inside the table cell */ | ||
.sv-highlights- | .sv-highlights-pad{padding:.75rem} | ||
/* grid: fixed cols | /* grid: fixed cols; rtl so newest appears leftmost while preserving source order */ | ||
.sv-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:start;width:100%;direction:rtl} | .sv-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:start;width:100%;direction:rtl} | ||
/* empty */ | /* empty state */ | ||
.sv-empty{grid-column:1/-1;opacity:.75;text-align:center;padding:1rem;direction:ltr} | .sv-empty{grid-column:1/-1;opacity:.75;text-align:center;padding:1rem;direction:ltr} | ||
/* remove duplicate chrome; table provides border/radius/shadow */ | |||
.sv-highlights-wrap{border:0;border-radius:0;padding:0;background:transparent} | |||
/* card */ | /* card */ | ||
| Line 23: | Line 26: | ||
} | } | ||
/* mobile: 1 col, show newest only */ | /* mobile: 1 col, show newest only and restore LTR */ | ||
@media (max-width:640px){ | @media (max-width:640px){ | ||
.sv-highlights{grid-template-columns:1fr;direction:ltr} | .sv-highlights{grid-template-columns:1fr;direction:ltr} | ||
.sv-highlights>.sv-card:nth-of-type(n+2){display:none} | .sv-highlights>.sv-card:nth-of-type(n+2){display:none} | ||
} | } | ||