Template:Generic cargo compact list/style.css: Difference between revisions

From Blooncyclopedia, the independent Bloons knowledge base
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
 
Line 3: Line 3:
div.generic-cargo-compact-list > table div.gccl-flex {
div.generic-cargo-compact-list > table div.gccl-flex {
display: flex;
display: flex;
align-items: center;
gap: 0 5px;
gap: 0 5px;
}
}
Line 9: Line 10:
@media (max-width: 719px) {
@media (max-width: 719px) {
div.generic-cargo-compact-list > table div.gccl-flex {
div.generic-cargo-compact-list > table div.gccl-flex {
flex-wrap: wrap;
align-items: start;
text-align: center;
}
div.generic-cargo-compact-list > table div.gccl-flex > * {
flex-basis: 100%;
}
}
}
}

Latest revision as of 03:11, 30 April 2026

/* [[Category:Template styles]] */
div.gccl-center-extra-cols > table > * > tr > td:not(:first-child) { text-align:center; }
div.generic-cargo-compact-list > table div.gccl-flex {
	display: flex;
	align-items: center;
	gap: 0 5px;
}

/* make icons centered break a line with links in the same column on mobile */
@media (max-width: 719px) {
	div.generic-cargo-compact-list > table div.gccl-flex {
		align-items: start;
	}
}