repoLabel.tsx 580 B

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