/**
 * @file
 * Module link: the Drupal drop before the link, in drupal.org blue.
 *
 * The color is a custom property so a theme can restyle it without
 * overriding selectors.
 */
.drupalorg-module-link {
  --drupalorg-module-drupalorg: #0678be;
}

.drupalorg-module-link__project {
  display: inline-block;
  margin-inline-end: 0.25em;
  vertical-align: -0.125em;
  line-height: 1;
}

.drupalorg-module-link__project svg {
  display: block;
  width: 1em;
  height: 1em;
}

/* Scoped to the component: a theme's own link color (".text-formatted a",
   say) would otherwise win, and paint the drop in the text color. */
.drupalorg-module-link .drupalorg-module-link__project {
  color: var(--drupalorg-module-drupalorg);
}
