1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72
| .tag_todo margin 10px auto; width: 95%; border-radius: 10px; padding: 5px 10px; transform: scale(1); transition: all 0.3s; .title font-size: 20px; .content display: flex; align-items: center; justify-content: space-between; p font-size: 16px; word-wrap: break-word; margin: 10px 0 !important;
.check width: 15px; height: 15px; border: 1px solid #666; border-radius: 3px; margin: 10px; .checked text-align: center; font-size: 20px; line-height: 10px; &:hover transform: scale(1.02);
&.relax background-color: rgba(82, 189, 82, 0.1); border-left: 10px solid rgba(82, 189, 82, .3); &:hover background-color: rgba(82, 189, 82, .15); border-left-color: rgba(82, 189, 82, .4);
&.normal background-color: rgba(34, 151, 177, 0.1); border-left: 10px solid rgba(34, 151, 177, .3); &:hover background-color: rgba(34, 151, 177, .15); border-left-color: rgba(34, 151, 177, .4); &.important background-color: rgba(247, 167, 18, 0.1); border-left: 10px solid rgba(247, 167, 18, .3); &:hover background-color: rgba(247, 167, 18, .15); border-left-color: rgba(247, 167, 18, .4); &.urgent background-color: rgba(255, 0, 0, 0.1); border-left: 10px solid rgba(255, 0, 0, .3); &:hover background-color: rgba(255, 0, 0, .15); border-left-color: rgba(255, 0, 0, .4); &.default background-color: rgba(127, 127, 127, 0.1); border-left: 10px solid rgba(127, 127, 127, .3); &:hover background-color: rgba(127, 127, 127, .15); border-left-color: rgba(127, 127, 127, .4);
|