pkg-components/stories/organisms/Table/section.module.css

.section {
  align-items: center;
  display: grid;
  border-bottom: 1px solid var(--table-border-color, #f0f0f0);
  padding: 0;
  box-sizing: border-box;
  width: 100%;
}

.sectionPadding {
  padding: var(--section-padding, 12px);
}

.sectionOdd:nth-of-type(odd),
.sectionOdd .thead-default th {
  background-color: rgba(0, 0, 0, 0.03);
}

.sectionDisabled {
  background-color: rgba(233, 233, 233, 0.2);
}

.sectionHover:hover {
  background-color: rgba(233, 233, 233, 0.05);
}

.sectionHover:hover:first-child {
  background-color: #fff;
}

.sectionBg1 { background-color: var(--tbga-color, #fff); }
.sectionBg2 { background-color: var(--bg-color, #fff); }
.sectionBg3 { background-color: var(--tbg-b-color, #fff); }
.sectionBg4 { background-color: var(--tbg-s-color, #fff); }
.sectionBg5 { background-color: var(--tbga-color, #fff); }
.sectionBg6 { background-color: var(--tbge-color, #fff); }
.sectionBg7 { background-color: var(--tbgr-color, #fff); }
.sectionBg8 { background-color: var(--tbgd-color, #fff); }

/* content inside a section (row) */
.section__content {
  align-items: center;
  display: flex;
  justify-content: space-around;
  margin: 10px 0;
  font-size: 15px;
  box-sizing: border-box;
  min-width: 0;
}

/* hidden label helper */
.section__content--label__hidden input {
  height: 0;
  opacity: 0;
}