style.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. .row {
  2. display: flex;
  3. flex-direction: row;
  4. flex: 1;
  5. word-break: break-word;
  6. }
  7. .space-between {
  8. display: flex;
  9. flex-direction: row;
  10. justify-content: space-between;
  11. word-break: break-word;
  12. }
  13. .column {
  14. display: flex;
  15. flex-direction: column;
  16. flex: 1;
  17. word-break: break-word;
  18. }
  19. .grow {
  20. flex-grow: 1;
  21. }
  22. .priority {
  23. color: #FFF;
  24. padding: 0px 3px;
  25. font-size: 12px;
  26. border-radius: 2px;
  27. }
  28. .priority-a {
  29. background: red;
  30. }
  31. .priority-b {
  32. background: purple;
  33. }
  34. .priority-c {
  35. background: green;
  36. }
  37. .marker-todo {
  38. }
  39. .marker-doing, .marker-in-progress {
  40. }
  41. .marker-waiting {
  42. }
  43. .marker-done {
  44. color: green;
  45. }
  46. .marker-canceled, .marker-cancelled {
  47. color: #ff4500;
  48. text-decoration: line-through;
  49. }
  50. i {
  51. border: solid black;
  52. border-width: 0 3px 3px 0;
  53. display: inline-block;
  54. padding: 3px;
  55. }
  56. .right {
  57. transform: rotate(-45deg);
  58. -webkit-transform: rotate(-45deg);
  59. }
  60. .left {
  61. transform: rotate(135deg);
  62. -webkit-transform: rotate(135deg);
  63. }
  64. .up {
  65. transform: rotate(-135deg);
  66. -webkit-transform: rotate(-135deg);
  67. }
  68. .down {
  69. transform: rotate(45deg);
  70. -webkit-transform: rotate(45deg);
  71. }