/*------------------------------------------------------------
LISTING - Show list
====================================*/

/* Variables Custom */
$listing-show-color: $black !default;
$listing-show-color-hover: $primary !default;
/***************************************/

.listing-show {
  @extend %text-small;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  font-size: 1.2rem;
  font-weight: $font-weight-sbold;
  ul {
    @extend %text;
    display: flex;
    padding: 0;
    margin: 0 1rem;
    list-style-type: none;
  }
  li:not(:last-child):after {
    content: '|';
    margin: 0 0.5rem;
  }
  a {
    color: $listing-show-color;
    text-decoration: none;
    &:hover {
      color: $listing-show-color-hover;
    }
  }

  li.active a {
    color: $primary;
  }
}
