Template:Infrastructure Foundations/Navigation/styles.css: Difference between revisions

From Wikitech
Content deleted Content added
No edit summary
invert icons for improved color contrast, add gaps between blocks for accessibility
Line 27: Line 27:
display: grid;
display: grid;
grid-template-columns: repeat( auto-fit, minmax(150px, 1fr) );
grid-template-columns: repeat( auto-fit, minmax(150px, 1fr) );
gap: 5px;
text-align: center;
text-align: center;
font-size: 90%;
font-size: 90%;
Line 35: Line 36:
justify-content: center;
justify-content: center;
flex-flow: column;
flex-flow: column;
}

.sekcja img {
filter: invert(1);
}
}



Revision as of 22:33, 13 September 2021

.szablon-nawi .banerek {
	width:1000px;
	margin:11px auto;
}
@media (max-width: 1100px) {
	.szablon-nawi .banerek {
		width:100%;
		margin:11px;
		padding:0;
	}
	.szablon-nawi .banerek img {
		max-width:100%;
		height: auto;
	}
}

.szablon-nawi .sekcja {
	background-color:#07689f;
	border-radius: 20px;
	padding:11px;
}
.szablon-nawi .sekcja:nth-child(2n) {
	background-color:#498cb3; 
}

.szablon-nawi-lista {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax(150px, 1fr) );
	gap: 5px;
	text-align: center;
	font-size: 90%;
}
.szablon-nawi-lista .sekcja {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column;
}

.sekcja img {
	filter: invert(1);
}

.sekcja a,
.sekcja .external {
	color: white;
}