Wikipedia:Five pillars/styles.css: Difference between revisions

Latest revision as of 06:24, 19 December 2021

.wp-5p {
	margin: 0.6em 0 auto;
}

.wp-5p > div {
	display: flex;
	align-items: center;
}

.wp-5p-intro p {
	flex-grow: 1;
}

.wp-5p-intro div {
	order: 2;
}

.wp-5p h2, /* Vector and others */
.wp-5p h2::after /* Timeless */ {
	border-bottom: none;
}

.wp-5p-pillar-image {
	min-width: 55px; /* flex likes and respects (min) widths on image containers */
}

@media all and (max-width: 480px) {
	.wp-5p > div {
		flex-wrap: wrap;
		margin-top: 1em;
	}
	
	.wp-5p-pillar-content {
		order: 3;
	}
	
	.wp-5p-intro {
		justify-content: center;
	}
	
	.wp-5p-intro p {
		order: 2;
	}
}

@media all and (min-width: 481px) {
	.wp-5p-pillar-image {
		margin-right: 0.8em;
	}
}