storybookdesignpack/css/src/components/table.css

React components library project for censa Design System

.Table {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.Table-grid {
  height: 100%;
  overflow: hidden;
  z-index: 1;
}

.Table-pagination {
  display: flex;
  justify-content: center;
  background: var(--white);
  padding: var(--spacing) 0;
  border-top: var(--border);
}


.Table-grid .StatusHint--success + .Text--default {
  background-color: red;
}
.Table-grid .StatusHint--default + .Text--default {
  background-color: blue;
}

.Table-grid .Badge--subtle-primary{
  color:#1D5D73;
  background-color: #DBEEF4;
  text-transform: capitalize;
}
.Table-grid .Checkbox-input{
  border: 1px solid #CBCACB;
  opacity: 0.5;
}