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

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

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

/* RESPONSIVE */
/***************************************/
@include media-breakpoint-up(lg) {

}
