test
This commit is contained in:
1 parent
0c2b4e7df2
commit
e652b54319
11 files changed
+202
-12
No files matched your search
@@ -25,8 +25,8 @@ const objects = ['steps', 'nested', 'stack'] as const;
|
||||
.vcards__item {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
grid-template-rows: auto auto 1fr;
|
||||
align-items: start;
|
||||
/* Title, then the drawing in the row that takes the slack, then the body at the bottom. */
|
||||
grid-template-rows: auto 1fr auto;
|
||||
gap: var(--space-6);
|
||||
padding: var(--space-6) var(--space-6) var(--space-7);
|
||||
background: var(--paper-deep);
|
||||
@@ -40,7 +40,7 @@ const objects = ['steps', 'nested', 'stack'] as const;
|
||||
text-wrap: balance;
|
||||
hyphens: auto;
|
||||
}
|
||||
.vcards__item :global(.vcards__object) { width: 100%; max-width: 14rem; justify-self: center; }
|
||||
.vcards__item :global(.vcards__object) { width: 100%; max-width: 14rem; justify-self: center; align-self: center; }
|
||||
.vcards__body { max-width: 26em; }
|
||||
@media (min-width: 48rem) {
|
||||
.vcards__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
|
||||
|
||||
Reference in new issue
Block a user