Make the attribute tab use a two-column layout for the lists
This commit is contained in:
parent
edceb5b384
commit
e30a7f9156
2 changed files with 15 additions and 2 deletions
|
|
@ -97,6 +97,11 @@
|
|||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
&.two-col {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
}
|
||||
|
||||
.item {
|
||||
|
|
@ -181,6 +186,7 @@
|
|||
background: var(--attribute-background);
|
||||
color: var(--attribute-colour);
|
||||
padding: 4px;
|
||||
margin: 0;
|
||||
|
||||
.name {
|
||||
font-size: 1.1rem;
|
||||
|
|
@ -200,9 +206,16 @@
|
|||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
&:last-child:nth-child(odd) {
|
||||
grid-column: 1 / -1;
|
||||
border-radius: 0 0 6px 6px;
|
||||
}
|
||||
&:nth-last-child(2):has( + &:nth-child(even)) {
|
||||
border-radius: 0 0 0 6px;
|
||||
}
|
||||
&:last-child:nth-child(even) {
|
||||
border-radius: 0 0 6px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue