nicer style for categorised alts
This commit is contained in:
parent
2d27465ffc
commit
e07e90ccd1
1 changed files with 19 additions and 2 deletions
|
@ -208,11 +208,28 @@ footer {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cat :is(h3,ul) { margin: 0; }
|
#alts.cat {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: min-content auto;
|
||||||
|
grid-gap: 0.5em;
|
||||||
|
align-items: baseline;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#alts.cat :is(h3,ul) { margin: 0; }
|
||||||
|
|
||||||
|
#alts section {
|
||||||
|
display: contents;
|
||||||
|
}
|
||||||
|
|
||||||
#alts h3 {
|
#alts h3 {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
display: inline;
|
display: inline;
|
||||||
padding-right: 0.5em;
|
padding-right: 0.5em;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
#alts.cat ul {
|
||||||
|
display: inline flex;
|
||||||
|
justify-content: start;
|
||||||
}
|
}
|
||||||
#alts ul { display: inline flex; }
|
|
||||||
|
|
Loading…
Reference in a new issue