metamask-extension/ui/components/app/flask/snaps-authorship-pill/index.scss

@import "design-system";

.snaps-authorship-pill {
  display: inline-block;

  .chip {
    padding-right: 8px;
    margin-top: 4px;
  }

  .chip__label {
    max-width: 168px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  &:hover,
  &:focus {
    .chip {
      background-color: var(--color-background-default-hover);
    }
  }
}

.snaps-authorship-icon {
  color: var(--color-icon-alternative);
}

.snaps-authorship-version {
  border-radius: 100px;
  line-height: 100%;
}

.snaps-authorship-version > span {
  vertical-align: middle;
}