Template:Home/FeaturedRegionCard/styles.css: Difference between revisions

Revision as of 05:04, 24 August 2025

.fr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;align-items:stretch}

.fr-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.03);display:flex;flex-direction:column}
.fr-media{background:#f3f4f6}
.fr-img img{display:block;width:100%;height:auto}
.fr-img--placeholder{display:flex;align-items:center;justify-content:center;min-height:160px;color:#6b7280;font-size:.9rem}

.fr-body{padding:12px 16px 16px}
.fr-kicker{margin:0 0 .25rem;font-size:.85rem;color:#374151;display:flex;align-items:center;gap:.5rem}
.fr-status{font-weight:600}
.fr-sep{color:#9ca3af;margin:0 .25rem}
.fr-title{margin:.15rem 0 .35rem;font-size:1.15rem;line-height:1.25;color:#1f2937}
.fr-sub{margin:0 0 .5rem;font-size:.85rem;color:#6b7280}
.fr-hook{margin:0 0 .75rem;font-size:.95rem;color:#374151}
.fr-cta{margin:0}
.fr-missing{color:#9ca3af;font-style:italic}

Revision as of 04:31, 24 August 2025 view source Eloise Zomia (talk \| contribs) Bureaucrats, Interface administrators, Administrators 280 edits Created page with ".fr-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1rem; align-items:stretch; } .fr-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.03);display:flex;flex-direction:column} .fr-media{background:#f3f4f6} .fr-img img{display:block;width:100%;height:auto} .fr-img--placeholder{display:flex;align-items:center;justify-content:center;min-height:160px;color:#6b7280;font-size:.9r..."		Revision as of 05:04, 24 August 2025 view source Eloise Zomia (talk \| contribs) Bureaucrats, Interface administrators, Administrators 280 edits No edit summary Newer edit →
Line 1:		Line 1:
	.fr-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1rem; align-items:stretch; }		.fr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;align-items:stretch}

	.fr-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.03);display:flex;flex-direction:column}		.fr-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.03);display:flex;flex-direction:column}