#e8e8e8
1.card { 2 width: 190px; 3 background: white; 4 padding: .4em; 5 border-radius: 6px; 6} 7 8.card-image { 9 background-color: rgb(236, 236, 236); 10 width: 100%; 11 height: 130px; 12 border-radius: 6px 6px 0 0; 13} 14 15.card-image:hover { 16 transform: scale(0.98); 17} 18 19.category { 20 text-transform: uppercase; 21 font-size: 0.7em; 22 font-weight: 600; 23 color: rgb(63, 121, 230); 24 padding: 10px 7px 0; 25} 26 27.category:hover { 28 cursor: pointer; 29} 30 31.heading { 32 font-weight: 600; 33 color: rgb(88, 87, 87); 34 padding: 7px; 35} 36 37.heading:hover { 38 cursor: pointer; 39} 40 41.author { 42 color: gray; 43 font-weight: 400; 44 font-size: 11px; 45 padding-top: 20px; 46} 47 48.name { 49 font-weight: 600; 50} 51 52.name:hover { 53 cursor: pointer; 54}
11K views
11K views
Comments
MIT License