cardDate.styl 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. .edit-card-date
  2. .fields
  3. .left
  4. width: 56%
  5. .right
  6. width: 38%
  7. .datepicker
  8. width: 100%
  9. table
  10. width: 100%
  11. border: none
  12. border-spacing: 0
  13. border-collapse: collapse
  14. thead
  15. background: none
  16. td, th
  17. box-sizing: border-box
  18. .card-date
  19. display: block
  20. border-radius: 4px
  21. padding: 1px 3px
  22. background-color: #dbdbdb
  23. &:hover, &.is-active
  24. background-color: #b3b3b3
  25. &.current, &.almost-due, &.due, &.long-overdue
  26. color: #fff
  27. &.current
  28. background-color: #5ba639
  29. &:hover, &.is-active
  30. background-color: darken(#5ba639, 10)
  31. &.almost-due
  32. background-color: #edc909
  33. &:hover, &.is-active
  34. background-color: darken(#edc909, 10)
  35. &.due
  36. background-color: #fa3f00
  37. &:hover, &.is-active
  38. background-color: darken(#fa3f00, 10)
  39. &.long-overdue
  40. background-color: #fd5d47
  41. &:hover, &.is-active
  42. background-color: darken(#fd5d47, 7)
  43. &.due-date
  44. time
  45. &::before
  46. content: "\f090" // symbol: fa-sign-in
  47. &.start-date
  48. time
  49. &::before
  50. content: "\f08b" // symbol: fa-sign-out
  51. time
  52. &::before
  53. font: normal normal normal 14px/1 FontAwesome
  54. font-size: inherit
  55. -webkit-font-smoothing: antialiased
  56. margin-right: 0.3em