Modèle:Commission de transport de Toronto/styles.css

/*	Cette feuille de style est utilisée par l'article « Commission de transport de Toronto » */

/*	Émuler l'ancien mise en forme qui utilisait un tableau
	(qui n'est pas accessible), en s'assurant que le mis
	en forme demeure correct sur les écrans plus petits
	(mais plus grands que les portables)
 */ 
@media screen and (min-width: 480px) {
	.lignes-de-tramways ul {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(max-content, calc(25% - 0.75em)));
		column-gap: 1em;
		margin-left: 3.2em;
		margin-right: 3.2em;
	}
	.lignes-de-tramways ul li {
		display: block;
	}
}
@media screen and (max-width: 50em) {
	.lignes-de-tramways ul {
		grid-template-columns: repeat(auto-fill, minmax(max-content, calc(50% - 0.5em)));
	}
}
@media screen and (max-width: 75em) {
	.lignes-de-tramways ul {
		grid-template-columns: repeat(auto-fill, minmax(max-content, calc(33.3% - 0.67em)));
	}
}

/* [[Catégorie:Sous-page de modèle feuille de style]] */