#e8e8e8
1.task { 2 position: relative; 3 color: #2e2e2f; 4 cursor: move; 5 background-color: #fff; 6 padding: 1rem; 7 border-radius: 8px; 8 box-shadow: rgba(99, 99, 99, 0.1) 0px 2px 8px 0px; 9 margin-bottom: 1rem; 10 border: 3px dashed transparent; 11 max-width: 350px; 12} 13 14.task:hover { 15 box-shadow: rgba(99, 99, 99, 0.3) 0px 2px 8px 0px; 16 border-color: rgba(162, 179, 207, 0.2) !important; 17} 18 19.task p { 20 font-size: 15px; 21 margin: 1.2rem 0; 22} 23 24.tag { 25 border-radius: 100px; 26 padding: 4px 13px; 27 font-size: 12px; 28 color: #ffffff; 29 background-color: #1389eb; 30} 31 32.tags { 33 width: 100%; 34 display: flex; 35 align-items: center; 36 justify-content: space-between; 37} 38 39.options { 40 background: transparent; 41 border: 0; 42 color: #c4cad3; 43 font-size: 17px; 44} 45 46.options svg { 47 fill: #9fa4aa; 48 width: 20px; 49} 50 51.stats { 52 position: relative; 53 width: 100%; 54 color: #9fa4aa; 55 font-size: 12px; 56 display: flex; 57 align-items: center; 58 justify-content: space-between; 59} 60 61.stats div { 62 margin-right: 1rem; 63 height: 20px; 64 display: flex; 65 align-items: center; 66 cursor: pointer; 67} 68 69.stats svg { 70 margin-right: 5px; 71 height: 100%; 72 stroke: #9fa4aa; 73} 74 75.viewer span { 76 height: 30px; 77 width: 30px; 78 background-color: rgb(28, 117, 219); 79 margin-right: -10px; 80 border-radius: 50%; 81 border: 1px solid #fff; 82 display: grid; 83 align-items: center; 84 text-align: center; 85 font-weight: bold; 86 color: #fff; 87 padding: 2px; 88} 89 90.viewer span svg { 91 stroke: #fff; 92} 93 94 95
6K views
6K views
Comments
MIT License