Example CSS Utilities

css.css

.every-2n-child-background-fill-white-2:nth-child(2n) > * {
  background: rgb(244, 244, 244);
}

css.ts

export function TableScroller({
  children,
  borderless = false,
}: TableScrollerProps) {
  const list = [
    C.borderNone,
    C.marginBottom32,
    C.marginTop16,
    C.heightMax100Vh,
    C.widthMax720,
    C.width100P,
    C.scrollX,
    C.stickyTableHeader,
  ]

  if (!borderless) {
    list.push(
      C.borderBottomWidth4,
      C.borderBottomSolid,
      C.borderColorWhite4,
    )
  }

  return <div className={list.join(' ')}>{children}</div>
}

function TR({ children }: TRProps) {
  const list = [C.height100P, C.every2NChildBackgroundFillWhite2]
  return <tr className={list.join(' ')}>{children}</tr>
}