_result-repository.scss 942 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. // Styles accompanying the "Loading remote data" example `templateResult
  2. .select2-result-repository {
  3. padding-top: 4px;
  4. padding-bottom: 3px;
  5. &__avatar {
  6. float: left;
  7. width: 60px;
  8. margin-right: 10px;
  9. img {
  10. width: 100%;
  11. height: auto;
  12. border-radius: 2px;
  13. }
  14. }
  15. &__meta {
  16. margin-left: 70px;
  17. }
  18. &__title {
  19. color: black;
  20. font-weight: bold;
  21. word-wrap: break-word;
  22. line-height: 1.1;
  23. margin-bottom: 4px;
  24. }
  25. &__forks,
  26. &__stargazers {
  27. margin-right: 1em;
  28. }
  29. &__forks,
  30. &__stargazers,
  31. &__watchers {
  32. display: inline-block;
  33. color: #aaa;
  34. font-size: 11px;
  35. }
  36. &__description {
  37. font-size: 13px;
  38. color: #777;
  39. margin-top: 4px;
  40. }
  41. .select2-results__option--highlighted & {
  42. &__title {
  43. color: white;
  44. }
  45. &__forks,
  46. &__stargazers,
  47. &__description,
  48. &__watchers {
  49. color: mix(#428BCA, white, 30%);
  50. }
  51. }
  52. }