repoLabel.tsx 532 B

1234567891011121314151617181920212223
  1. import styled from '@emotion/styled';
  2. const RepoLabel = styled('span')`
  3. /* label mixin from bootstrap */
  4. font-weight: 700;
  5. color: ${p => p.theme.white};
  6. text-align: center;
  7. white-space: nowrap;
  8. border-radius: 0.25em;
  9. /* end of label mixin from bootstrap */
  10. ${p => p.theme.overflowEllipsis};
  11. display: inline-block;
  12. vertical-align: text-bottom;
  13. line-height: 1;
  14. background: ${p => p.theme.gray200};
  15. padding: 3px;
  16. max-width: 86px;
  17. font-size: ${p => p.theme.fontSizeSmall};
  18. `;
  19. export default RepoLabel;