@workday/canvas-kit-css/card.css

The parent module that contains all Workday Canvas Kit CSS components

.cnvs-card-heading {
  box-sizing: border-box;
  color: var(--cnvs-sys-color-fg-strong);
  font-weight: var(--cnvs-sys-font-weight-bold);
  margin-block: var(--cnvs-sys-space-zero);
}


.cnvs-card-body {
  box-sizing: border-box;
}


.cnvs-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--cnvs-sys-space-x6);
  padding: var(--cnvs-sys-space-x8);
  background-color: var(--cnvs-sys-color-bg-default);
  border-radius: var(--cnvs-sys-shape-x2);
  border: 0.0625rem solid var(--cnvs-sys-color-border-container);
}


.cnvs-card.variant-borderless {
  border-color: transparent;
}


.cnvs-card.variant-filled {
  background-color: var(--cnvs-sys-color-bg-alt-soft);
  border-color: var(--cnvs-sys-color-border-transparent);
}