SpeciesFileGroup/taxonworks

.square-brackets {
  background-image: linear-gradient($navigation_border, $navigation_border),
    linear-gradient($navigation_border, $navigation_border),
    linear-gradient($navigation_border, $navigation_border),
    linear-gradient($navigation_border, $navigation_border);
  
  background-repeat: no-repeat;
  background-size: 8px 1px;
  background-position: top left, top right, bottom left, bottom right;

  border: solid $navigation_border;
  text-align: justify;
  border-width: 0 1px;
  display: inline-block;
  vertical-align: top;
  padding: 0px 12px;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}