Stretch team cards to equal row height and enlarge duty tags
This commit is contained in:
1 parent
602f258257
commit
0257b2e30b
1 file changed
+3
-4
@@ -873,12 +873,11 @@ h1:focus {
|
|||||||
a normal heading; every group is a block of its own. One raster for all of them,
|
a normal heading; every group is a block of its own. One raster for all of them,
|
||||||
so the cards line up across groups: a group of one person gets the same card
|
so the cards line up across groups: a group of one person gets the same card
|
||||||
width as a group of six, not a stretched one. 17rem fits a long double name.
|
width as a group of six, not a stretched one. 17rem fits a long double name.
|
||||||
align-items: start lets every card be as tall as its content -- a card without
|
The cards of a row share one height (the grid's default stretch), so a row reads
|
||||||
duties is not stretched to its neighbour's height. */
|
as a calm band; the card itself keeps its content at the top (align-content). */
|
||||||
.markdown-body .team > ul {
|
.markdown-body .team > ul {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
|
grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
|
||||||
align-items: start;
|
|
||||||
gap: var(--space-3);
|
gap: var(--space-3);
|
||||||
max-width: none;
|
max-width: none;
|
||||||
margin: 0 0 var(--space-4);
|
margin: 0 0 var(--space-4);
|
||||||
@@ -976,7 +975,7 @@ h1:focus {
|
|||||||
border: 1px solid var(--color-border);
|
border: 1px solid var(--color-border);
|
||||||
border-radius: var(--radius-sm);
|
border-radius: var(--radius-sm);
|
||||||
color: var(--color-text-soft);
|
color: var(--color-text-soft);
|
||||||
font-size: 0.8rem;
|
font-size: 0.85rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.markdown-body .team-note {
|
.markdown-body .team-note {
|
||||||
|
|||||||
Reference in new issue
Block a user