style(Table): apply Kimberly header and striped row backgrounds
This commit is contained in:
@@ -19,12 +19,12 @@
|
||||
padding: var(--space-3) var(--space-4);
|
||||
font-weight: 700;
|
||||
font-size: var(--font-size-xs);
|
||||
color: var(--color-text-muted);
|
||||
color: var(--color-secondary-fg);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.06em;
|
||||
border-bottom: var(--border-width) solid var(--color-border);
|
||||
border-bottom: var(--border-width) solid var(--color-secondary-border);
|
||||
white-space: nowrap;
|
||||
background: var(--color-bg-subtle);
|
||||
background: var(--color-secondary);
|
||||
}
|
||||
|
||||
/* Rounded top corners on first/last header cells */
|
||||
@@ -35,8 +35,12 @@
|
||||
transition: background var(--transition);
|
||||
}
|
||||
|
||||
.tr:nth-child(even) {
|
||||
background: color-mix(in srgb, var(--color-secondary) 30%, transparent);
|
||||
}
|
||||
|
||||
.tr:hover {
|
||||
background: var(--color-bg);
|
||||
background: var(--color-secondary-hover);
|
||||
}
|
||||
|
||||
.tr:not(:last-child) .td {
|
||||
|
||||
Reference in New Issue
Block a user