.hf-doc-grid-demo {
  .#{$prefix}-row {
    margin-bottom: 20px;
    &:last-child {
      margin-bottom: 0;
    }
  }
  .bg-purple-dark {
    @include getBgColorAlpha($clr-main04-color, 0.2);
  }
  .bg-purple {
    @include getBgColorAlpha($clr-main04-color, 0.4);
  }
  .bg-purple-light {
    @include getBgColorAlpha($clr-main04-color, 0.6);
  }
  .grid-content {
    min-height: 36px;
    line-height: 36px;
    text-align: center;;
    color: $main-color-13;
  }
  .row-bg {
    padding: 10px 0;
    background-color: $main-color-12;
  }
}