@import "settings.colors";

@import "mixins/tools.mixins";

.c-recently-viewed-ticker {
  .c-card__label {
    background: $color-blue-500;
  }
}

.c-recently-viewed-ticker__stocks {
  @include font-gm-sans;
  font-size: rem(14);
  line-height: line-height(14, 24);
  letter-spacing: rem(1);
  color:  $color-grey-900;
}

.c-recently-viewed-ticker__link {
  display: inline-block;
  color:  $color-grey-900;
  text-decoration: none;
  &:hover,
  &:focus {
    color:  $color-grey-500;
  }
}

.c-recently-viewed-ticker__symbol {
  display: inline-block;
  white-space: nowrap;
  width: auto;
}
.c-recently-viewed-ticker__symbol-text {
  @include font-gm-sans-bold;
  text-decoration: underline;
}

.c-recently-viewed-ticker__comma {
  display: inline-block;
  margin-left: rem(-4);
  margin-right: rem(5);
  &:last-of-type {
    display: none;
  }
}

.c-recently-viewed-ticker__name {
  display: inline-block;
  text-decoration: none;
  letter-spacing: rem(0.3);
}

.c-recently-viewed-ticker__name,
.c-recently-viewed-ticker__actions {
  display: none;
}
