japanese sentences: change grid columns
This commit is contained in:
parent
3a7cc63ebb
commit
f9ef496c12
|
@ -310,28 +310,26 @@ footer>a:not(:last-child)::after {
|
|||
gap: 5px;
|
||||
grid-auto-columns: minmax(100px, 1fr);
|
||||
grid-auto-rows: minmax(100px, auto);
|
||||
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
|
||||
}
|
||||
|
||||
.images br,
|
||||
.images>* {
|
||||
.images> :not(img) {
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.images img {
|
||||
display: block;
|
||||
border-radius: 4px;
|
||||
filter: sepia(33%);
|
||||
max-width: 100%;
|
||||
max-height: 95vh;
|
||||
width: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
.images img:nth-child(3n+1) {
|
||||
grid-column: 1;
|
||||
}
|
||||
.images img:nth-child(3n+2) {
|
||||
grid-column: 2;
|
||||
}
|
||||
.images img:nth-child(3n+3) {
|
||||
grid-column: 3;
|
||||
|
||||
.images img:only-of-type {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
/* Images on front, toggled by JavaScript if "imageonfront" tag is set. */
|
||||
|
|
Loading…
Reference in a new issue