@import 'press-ui/common/style/smoba/layout.scss';
@import 'press-ui/common/style/smoba/mixin.scss';


@mixin sche-tab-highlight($n, $background-image) {
  $max: 1;

  @while $n < $max {
    .press-schedule-tree-tab {
      &--scroll-#{$n} {
        .press-schedule-tree-tab-icon {
          background-image: $background-image;
        }

        &::after {
          background: $color-primary ;
        }
      }

      &--scroll-#{$n + 1} {
        .press-schedule-tree-tab-icon {
          top: -21px;
          width: 26px;
          height: 21px;
          background-image: $background-image;
        }
      }
    }

    $n: $n + 1;
  }
}

@mixin sch-item-margin-bottom($n) {
  $pow: 1;
  $tmp: 0;
  $base: 2;

  @while $tmp < $n {
    $marginBottom: 16 + ($pow - 1) * 116;
    $translateY: 58 * ($pow - 1);
    $championTranslateY: 20 + (mathDiv($pow, $base) - 1) * 58;


    .press-schedule-tree-column {
      &--scroll-#{$tmp} {
        transform: translateY($translateY + px);

        .press-schedule-team {
          // margin-bottom: $marginBottom + px;
          padding-bottom: $marginBottom + px;
        }

        &.press-schedule-tree-column__champion {
          transform: translateY($championTranslateY + px);
        }
      }
    }

    $pow: $pow * $base;
    $tmp: $tmp + 1;
  }
}