test-crud
Version:
es una prueba acerca de como publicar un package name
50 lines (44 loc) • 818 B
CSS
.grid {
margin-top: 1rem;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
}
.card {
height: 140px;
flex: 1 0 21%;
background-color: white;
padding: 1.5rem;
text-align: left;
color: inherit;
text-decoration: none;
border: 1px solid #eaeaea;
border-radius: 10px;
transition: color 0.15s ease, border-color 0.15s ease;
max-width: 300px;
flex-direction: column;
justify-content: space-between;
}
.card:hover {
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}
.value {
font-size: 1.25rem;
color: var(--primary);
}
.title {
position: relative;
margin-top: 12px;
font-weight: 600;
color: #787878;
}
.title::before {
height: 48px;
width: 5px;
display: block;
position: absolute;
content: "";
left: -1.5rem;
background-color: var(--primary);
}