activities.styl 960 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. @import 'nib'
  2. .activity-title
  3. margin: 0 0.5em 0.8em
  4. display: flex
  5. justify-content:space-between
  6. .activities
  7. clear: both
  8. .activity
  9. margin: 0.5px 0
  10. display: flex
  11. .member
  12. width: 24px
  13. height: @width
  14. .activity-desc
  15. word-wrap: break-word
  16. overflow: hidden
  17. flex: 1
  18. align-self: center
  19. margin: 0
  20. margin-left: 3px
  21. overflow: hidden;
  22. word-break: break-word;
  23. .activity-comment
  24. display: block
  25. border-radius: 3px
  26. background: white
  27. text-decoration: none
  28. box-shadow: 0 1px 2px rgba(0,0,0,.2)
  29. margin-top: 5px
  30. padding: 5px
  31. .activity-checklist
  32. display: block
  33. border-radius: 3px
  34. background: white
  35. text-decoration: none
  36. box-shadow: 0 1px 2px rgba(0,0,0,.2)
  37. margin-top: 5px
  38. padding: 5px
  39. .activity-meta
  40. font-size: 0.8em
  41. color: darken(white, 40%)