hashirama/AnkiNoteTemplate
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

japanese sentences: change grid columns

Browse source
This commit is contained in:
Ren Tatsumoto 2022-12-25 09:52:45 +03:00
parent 3a7cc63ebb
commit f9ef496c12
1 changed files with 8 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
templates/Japanese sentences/template.css
View file

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