@import "../settings.colors";
@import "../settings.fonts";

@import "settings.fonts";
@import "tools.mixins";

@mixin c-topics-following-sm {
  .c-topics-packages--alpha {
    @include flex-display;
    .c-package {
      flex-basis: 50%;

      &:nth-of-type(odd) {
        padding-right: rem(10);
      }
      &:nth-of-type(even) {
        padding-left: rem(10);
      }
    }
  }
}

@mixin c-topics-following-md {
  .c-topics-packages--alpha {
    .c-package {
      &:nth-of-type(odd) {
        padding-right: rem(30);
      }
      &:nth-of-type(even) {
        padding-left: rem(30);
      }
    }
  }

  .c-topics-packages--latest {
    max-width: rem(620);
  }
}

@mixin c-topics-following-lg {
  .c-topics-packages--alpha {
    max-width: rem(1260);
    margin: 0 auto;
    .c-package {
      flex-basis: rem(370);
      padding-left: 0;
      padding-right: 0;
      &:nth-of-type(odd) {
        padding-right: 0;
      }
      &:nth-of-type(even) {
        padding-left: 0;
        padding-right: 0;
      }
      &:nth-of-type(3n+2) {
        margin-left: rem(75);
        margin-right: rem(75);
      }
    }
  }
}
