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
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* [[Category:Template styles]] */
div.gccl-center-extra-cols > table > * > tr > td:not(:first-child) { text-align:center; }
div.gccl-center-extra-cols > table > * > tr > td:not(:first-child) { text-align:center; }
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;
align-items: center;
gap: 0 10px;
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;
	}
}