Card by shahbaz4783
#e8e8e8
1.job-card { 2 display: flex; 3 flex-direction: column; 4 justify-content: center; 5 gap: 1.2em; 6 box-shadow: #091e4240 0px 1px 1px, #091e4221 0px 0px 1px 1px; 7 border-radius: 0.6em; 8 padding: 1em; 9 max-width: 30em; 10} 11 12.text-title { 13 display: -webkit-box; 14 -webkit-line-clamp: 1; 15 -webkit-box-orient: vertical; 16 overflow: hidden; 17 font-size: 1.25em; 18 font-weight: 600; 19 font-family: "Noto Sans", sans-serif; 20} 21 22.text-body { 23 display: -webkit-box; 24 -webkit-line-clamp: 2; 25 -webkit-box-orient: vertical; 26 overflow: hidden; 27 font-family: "Poppins", sans-serif; 28 letter-spacing: 0.4px; 29} 30 31.post-date { 32 color: #598551; 33} 34 35.budget-exp { 36 display: flex; 37 gap: 5em; 38} 39 40.budget-exp .value { 41 font-size: 1em; 42 font-weight: 600; 43} 44 45.budget-exp .label { 46 font-size: 1em; 47 color: #598551; 48} 49 50.card-btn { 51 border: none; 52 font-size: 1rem; 53 background-color: green; 54 color: white; 55 cursor: pointer; 56 transition: all 0.3s ease; 57 border-radius: 2em; 58 padding: 0.6em 1em; 59} 60 61.card-btn:hover { 62 background-color: #026602; 63} 64 65.tags article { 66 display: flex; 67 flex-wrap: wrap; 68 gap: 0.6em; 69} 70 71.tags p { 72 border-radius: 1.2em; 73 padding: 0.2em 0.5em; 74 background-color: #f2f7f2; 75 color: #598551; 76} 77
177 views
177 views
MIT License