Template:Infrastructure Foundations/Navigation/styles.css: Difference between revisions
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;
}