@include export-module('cc-simple-grid-theme') {
  .co-simple-grid {
    color: $cc-color-font;
    .simple-grid-column-sizer {
      background-color: $cc-simple-grid-header-sizer-background-color;
    }
    .simple-grid-column-header {
      border-color: $cc-simple-grid-header-border-color;
      color: $cc-color-label;
    }
    .simple-grid-column-header {
      background-color: $cc-simple-grid-header-background-color;
    }
  }
  .simple-grid-column-cell-field {
    border-color: $cc-simple-grid-cell-field-border-color;
  }
  // styling outside of grid because of drag and drop functionality
  .simple-grid-row {
    background-color: $cc-simple-grid-row-background-color;
    border-color: $cc-simple-grid-row-border-color;
    &.selected {
      background-color: $cc-simple-grid-row-selected-background-color;
    }
    &:hover:not(.selected):not(.disabled) {
      background-color: $cc-simple-grid-row-hover-background-transparent;
    }
    &.editing {
      .form-input {
        background-color: $cc-simple-grid-row-edit-input-background-color;
      }
    }
  }
}

co-pagination {
  background-color: $cc-simple-grid-pagination-background-color;
}
