@sliderzz/daz-ui
Version:
This is component lib
55 lines (45 loc) • 798 B
CSS
.card {
width: 270px;
background: white;
padding: .4em;
border-radius: 6px;
}
.card-image {
background-color: rgb(236, 236, 236);
width: 100%;
height: 170px;
border-radius: 6px 6px 0 0;
}
.card-image:hover {
transform: scale(0.98);
}
.card-image img {
width: inherit;
height: auto;
display: block;
object-fit: cover;
}
.title {
text-transform: uppercase;
font-size: 0.7em;
font-weight: 600;
color: rgb(63, 121, 230);
padding: 10px 7px 0;
}
.title:hover {
cursor: pointer;
}
.desc {
font-weight: 600;
color: rgb(88, 87, 87);
padding: 7px;
}
.desc:hover {
cursor: pointer;
}
.name {
font-weight: 600;
}
.name:hover {
cursor: pointer;
}