consul/consul

@mixin separator {
  content: "";
  display: inline-block;
  margin: 0 0.3em;
  vertical-align: middle;
}

@mixin vertical-separator {
  @include separator;
  background: currentcolor;
  height: 1em;
  opacity: 0.5;
  width: 1px;
}

@mixin circle-separator {
  @include separator;
  background: $text-light;
  border-radius: 100%;
  height: 0.25em;
  opacity: 1;
  width: 0.25em;
}