Skip to content

Instantly share code, notes, and snippets.

@mrmartineau
Created February 13, 2023 15:17
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mrmartineau/c08a0de80abbb266e340b83b4c635744 to your computer and use it in GitHub Desktop.
Save mrmartineau/c08a0de80abbb266e340b83b4c635744 to your computer and use it in GitHub Desktop.
[data-hotkey]:not(.selected)::after {
content: attr(data-hotkey);
color: var(--color-fg-muted);
background-color: var(--color-neutral-subtle);
margin-left: var(--primer-control-medium-gap, 4px);
border-radius: 2em;
font-family: monospace;
display: inline-block;
font-size: var(--primer-text-body-size-small, 12px);
font-weight: var(--base-text-weight-medium, 500);
line-height: calc(var(--base-size-20, 20px) - var(--primer-borderWidth-thin, 1px)*2);
min-width: var(--base-size-20, 20px);
padding: 0 6px;
text-align: center;
}
[data-hotkey]:not(:last-child)::after {
margin-right: var(--primer-control-medium-gap, 4px);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment