refunjs
Version:
Modern React-based framework for building scalable web applications with enhanced developer experience
31 lines (27 loc) • 681 B
CSS
.card {
height: 100%;
background-color: var(--color-surface);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
overflow: hidden;
transition: all var(--transition-base);
}
.card.hoverable:hover {
border-color: var(--color-border-hover);
box-shadow: var(--shadow-md);
transform: translateY(-2px);
}
.header {
padding: var(--spacing-lg);
border-bottom: 1px solid var(--color-border);
font-weight: var(--font-weight-semibold);
font-size: var(--font-size-lg);
}
.body {
padding: var(--spacing-lg);
}
.footer {
padding: var(--spacing-lg);
border-top: 1px solid var(--color-border);
background-color: var(--color-background);
}