@import 'variable';

#{$biz-css-prefix} {
  &section {
    &-title {
      font-size: var(--font-size-title, 20px) !important;
      font-weight: var(--font-weight-medium, 500) !important;
      line-height: var(--font-lineheight, 1.5) !important;
    }
  }
}

body {
  #{$biz-css-prefix}section-block-wrapper {
    grid-template-columns: repeat(12, 1fr);
  }

  @for $i from 1 through 12 {
    #{$biz-css-prefix}block--span-#{$i} {
      grid-column: span $i;
    }
  }
}

@media only screen and (max-width: 584px) {
  .cn-layout-row-flex {
    display: block !important;
  }
  .cn-layout-page-content {
    display: block !important;
  }
  .cn-layout-page-aside {
    width: 100% !important;
  }
}

#{$biz-css-prefix}block {
  .cn-ui-card {
    height: 100%;
    overflow: auto;
  }
}