ContentItem.styl 930B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. .currentColor
  2. color currentColor
  3. .validateColor
  4. color validateColor
  5. .cancelColor
  6. color cancelColor
  7. .outdateColor
  8. color outdateColor
  9. .content
  10. display flex
  11. align-items center
  12. padding 10px 0
  13. border-bottom 0
  14. width 100%
  15. cursor pointer
  16. &:hover
  17. background-color hover-theme
  18. &__type
  19. flex-grow 0
  20. padding 0 25px
  21. font-size 30px
  22. text-align center
  23. &__name
  24. display flex
  25. align-items center
  26. justify-content space-between
  27. flex-grow 2
  28. flex-shrink 2
  29. &__text
  30. margin-right 10px
  31. font-size 17px
  32. white-space nowrap
  33. overflow hidden
  34. text-overflow ellipsis
  35. &__status
  36. width 180px
  37. padding 0 15px
  38. text-align center
  39. &__text
  40. margin-left 15px
  41. font-size 20px
  42. &__icon
  43. font-size 30px
  44. @media (min-width: max-xs) and (max-width: max-lg)
  45. .content
  46. border-right 1px solid grey
  47. &__name__icons
  48. margin-top 5px