You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
853 B
CSS
55 lines
853 B
CSS
.list {
|
|
display: grid;
|
|
margin: 0;
|
|
/* https://css-tricks.com/responsive-layouts-fewer-media-queries/ */
|
|
--w: 280px;
|
|
--n: 2;
|
|
gap: var(--size-gap);
|
|
grid-template-columns: repeat(
|
|
auto-fit,
|
|
minmax(max(var(--w), 100%/ (var(--n) + 1) + 0.1%), 1fr)
|
|
);
|
|
margin-bottom: var(--size-gap);
|
|
margin-top: var(--size-gap);
|
|
}
|
|
|
|
.listItem {
|
|
margin: 0;
|
|
}
|
|
|
|
.listItem::marker {
|
|
color: #e95800;
|
|
}
|
|
|
|
.listItem:nth-child(2)::marker {
|
|
color: #159bf3;
|
|
}
|
|
|
|
.listItem:nth-child(3)::marker {
|
|
color: #8eb814;
|
|
}
|
|
|
|
.listItem:nth-child(4)::marker {
|
|
color: #663399;
|
|
}
|
|
|
|
.listItemLink {
|
|
color: var(--color-primary);
|
|
font-weight: bold;
|
|
}
|
|
|
|
.listItemDescription {
|
|
color: var(--color-text);
|
|
margin-bottom: 0;
|
|
margin-top: var(--space-1);
|
|
}
|
|
|
|
.textCenter {
|
|
text-align: center;
|
|
}
|
|
|
|
.intro {
|
|
max-width: none;
|
|
line-height: var(--line-height-loose);
|
|
}
|