@import '../settings/variables';
@import '../tools/mixins/position';

.c-script {
  position: relative;

  &__superscript {
    @include absolute(-$gutter-tiny, auto, auto, 0);
    transform: translate(0, -100%);
    font-size: $font-size-small;
    color: $color-secondary;
    text-transform: uppercase;
  }

  &__subscript {
    @include absolute(auto, auto, -$gutter-tiny, 0);
    transform: translate(0, 100%);
    font-size: $font-size-medium;
    color: $color-secondary;
    text-transform: uppercase;
  }

  &__superscript--highlighted, &__subscript--highlighted{
    color: $color-primary;
  }
}