FileItem.styl 963B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. .currentColor
  2. color currentColor
  3. .validateColor
  4. color validateColor
  5. .cancelColor
  6. color cancelColor
  7. .outdateColor
  8. color outdateColor
  9. .file
  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. white-space nowrap
  30. overflow hidden
  31. text-overflow ellipsis
  32. &__text
  33. margin-right 10px
  34. font-size 17px
  35. &__status
  36. display flex
  37. justify-content space-between
  38. flex-grow 0
  39. padding 0 15px
  40. width 180px
  41. &__text
  42. margin-left 15px
  43. font-size 20px
  44. &__icon
  45. font-size 30px
  46. @media (min-width: max-xs) and (max-width: max-lg)
  47. .file
  48. border-right 1px solid grey
  49. &__name__icons
  50. margin-top 5px