$meta-spacing: 0.5rem !default;

.c-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: inherit;

  &, ul {
    @include spacing(margin-top, -$meta-spacing);
    @include spacing(margin-left, -$meta-spacing);

    > * {
      @include spacing(padding-top, $meta-spacing);
      @include spacing(padding-left, $meta-spacing);
    }
  }

	&:empty {
		display: none;
	}

  ul {
    padding-left: 0;
    list-style: none;
  }

	li {
		display: inline-block;
		margin-bottom: 0; // Overwrite Default Lists Style 

		&:not(:last-child):after {
			content: ", ";
		}
	}

	a {
		color: inherit;
		text-decoration: none;
    border-bottom: none;
	}
}