Szablon:Siostrzane/style.css: Różnice pomiędzy wersjami
Wygląd
[wersja przejrzana] | [wersja przejrzana] |
Usunięta treść Dodana treść
thin screen, wide items |
drobne techniczne |
||
Linia 49: | Linia 49: | ||
white-space: normal; |
white-space: normal; |
||
} |
} |
||
.tpl-sisproj--extra |
.tpl-sisproj ul.tpl-sisproj--extra { |
||
justify-content: flex-start; |
justify-content: flex-start; |
||
} |
} |
Wersja z 01:46, 12 sty 2023
/* 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 */
.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}
.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, wide items */
@media screen and (max-width: 470px) {
.tpl-sisproj--extra .sub {
white-space: normal;
}
.tpl-sisproj ul.tpl-sisproj--extra {
justify-content: flex-start;
}
}