@import './var.less';

:root {
  --glm-cell-group-background-color: @cell-group-background-color;
  --glm-cell-group-title-color: @cell-group-title-color;
  --glm-cell-group-title-padding: @cell-group-title-padding;
  --glm-cell-group-title-font-size: @cell-group-title-font-size;
  --glm-cell-group-title-line-height: @cell-group-title-line-height;
  --glm-cell-group-inset-padding: @cell-group-inset-padding;
  --glm-cell-group-inset-border-radius: @cell-group-inset-border-radius;
  --glm-cell-group-inset-title-padding: @cell-group-inset-title-padding;
}

.glm-cell-group {
  background: var(--glm-cell-group-background-color);

  &--inset {
    margin: var(--glm-cell-group-inset-padding);
    border-radius: var(--glm-cell-group-inset-border-radius);
    overflow: hidden;
  }

  &__title {
    padding: var(--glm-cell-group-title-padding);
    color: var(--glm-cell-group-title-color);
    font-size: var(--glm-cell-group-title-font-size);
    line-height: var(--glm-cell-group-title-line-height);

    &--inset {
      padding: var(--glm-cell-group-inset-title-padding);
    }
  }
}