596 views
1.card { 2 padding: 10px; 3 max-width: 260px; 4 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 5 background-color: rgb(255, 255, 255); 6 font-family: sans-serif; 7} 8 9.content { 10 margin-top: 1rem; 11} 12 13.content .header { 14 margin-top: 0.5rem; 15} 16 17.image { 18 width: 100%; 19 height: 150px; 20 border-radius: 4px; 21 background-color: rgb(205, 235, 255); 22 padding: 9px; 23} 24 25.tag { 26 text-transform: capitalize; 27 background-color: rgba(0, 0, 0, 0.425); 28 padding: 2px 8px; 29 border-radius: 4px; 30 color: #fff; 31} 32 33.date { 34 display: flex; 35 font-size: 0.75rem; 36 line-height: 1rem; 37 align-items: center; 38 margin: 2px; 39} 40 41.title { 42 display: block; 43 font-size: 1.25rem; 44 line-height: 1.35rem; 45 font-weight: 600; 46 padding-bottom: 5px; 47 padding-top: 14px; 48} 49 50.description { 51 line-height: 1.375; 52}
MIT License