|
.spinner {
|
|
margin: 5rem auto;
|
|
}
|
|
|
|
.list {
|
|
display: grid;
|
|
grid-template-columns: 10fr 3fr 1fr 3fr;
|
|
|
|
list-style-type: none;
|
|
|
|
|
|
background: var(--block-bg-color);
|
|
border: .0625rem solid var(--border-color);
|
|
border-radius: 0.75rem;
|
|
width: 100%;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
margin-bottom: 1.5rem;
|
|
|
|
> li {
|
|
display: contents;
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
|
|
> span {
|
|
font-weight: var(--topic-font-weight);
|
|
font-size: var(--topic-font-size);
|
|
padding: var(--topic-gap);
|
|
|
|
a {
|
|
overflow: hidden;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: var(--topic-title-lines);
|
|
-webkit-box-orient: vertical;
|
|
|
|
color: var(--link-color);
|
|
text-decoration: none;
|
|
font-size: var(--topic-title-font-size);
|
|
font-weight: var(--topic-title-font-weight);
|
|
|
|
&:hover {
|
|
color: var(--text-hover-secondary);
|
|
}
|
|
}
|
|
}
|
|
|
|
&:nth-child(even) {
|
|
> span {
|
|
background: var(--block-even-bg-color);
|
|
}
|
|
}
|
|
|
|
&.highlight {
|
|
> span {
|
|
background: var(--block-highlighted-bg-color);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.head {
|
|
> span {
|
|
text-transform: uppercase;
|
|
}
|
|
}
|
|
|
|
.generationSettings {
|
|
max-width: 400px;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
