Szablon:Siostrzane/style.css

/* lists reset */
.tpl-sisproj ul li,
.tpl-sisproj ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* lists layout */
.tpl-sisproj ul + ul {
	margin-top: 1em;
}
.tpl-sisproj ul {
	display: flex;
	gap: 1em;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	max-width: 100em;
}
/* item width for ~grid-ish look */
@media screen and (min-width: 23em) {
.tpl-sisproj-12 li {min-width: 12em}
.tpl-sisproj-13 li {min-width: 13em}
.tpl-sisproj-14 li {min-width: 14em}
.tpl-sisproj-15 li {min-width: 15em}
}
@media screen and (min-width: 30em) {
.tpl-sisproj-16 li {min-width: 16em}
.tpl-sisproj-18 li {min-width: 18em}
.tpl-sisproj-20 li {min-width: 20em}
.tpl-sisproj-22 li {min-width: 22em}
}

/* items layout */
.tpl-sisproj li {
	display: flex;
	gap: .8em;
	align-items: center;
}

.tpl-sisproj .sub {
	font-size:85%;
	color:#444;
	white-space: nowrap;
}

/* thin screen, especially for wide sub-description */
@media screen and (max-width: 470px) {
	.tpl-sisproj .sub {
		white-space: normal;
	}
	.tpl-sisproj ul {
		display:grid;
	}
}