cardDate.styl 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. .card-date
  2. display: block
  3. border-radius: 4px
  4. padding: 1px 3px
  5. background-color: #dbdbdb
  6. &:hover, &.is-active
  7. background-color: #b3b3b3
  8. &.current, &.almost-due, &.due, &.long-overdue
  9. color: #fff
  10. &.current
  11. background-color: #5ba639
  12. &:hover, &.is-active
  13. background-color: darken(#5ba639, 10)
  14. &.almost-due
  15. background-color: #edc909
  16. &:hover, &.is-active
  17. background-color: darken(#edc909, 10)
  18. &.due
  19. background-color: #fa3f00
  20. &:hover, &.is-active
  21. background-color: darken(#fa3f00, 10)
  22. &.long-overdue
  23. background-color: #fd5d47
  24. &:hover, &.is-active
  25. background-color: darken(#fd5d47, 7)
  26. &.end-date
  27. time
  28. &::before
  29. content: "\f253" // symbol: fa-hourglass-end
  30. &.due-date
  31. time
  32. &::before
  33. content: "\f090" // symbol: fa-sign-in
  34. &.start-date
  35. time
  36. &::before
  37. content: "\f251" // symbol: fa-hourglass-start
  38. &.received-date
  39. time
  40. &::before
  41. content: "\f08b" // symbol: fa-sign-out
  42. time
  43. &::before
  44. font: normal normal normal 14px/1 FontAwesome
  45. font-size: inherit
  46. -webkit-font-smoothing: antialiased
  47. margin-right: 0.3em
  48. .customfield-date
  49. display: block
  50. border-radius: 4px
  51. padding: 1px 3px