40 lines
1.2 KiB
CSS
40 lines
1.2 KiB
CSS
@import 'tailwindcss';
|
|
|
|
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
|
|
@source '../../storage/framework/views/*.php';
|
|
|
|
@theme {
|
|
--font-heading: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
--font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
}
|
|
|
|
@layer utilities {
|
|
.font-heading {
|
|
font-family: var(--font-heading);
|
|
}
|
|
|
|
/* Modern subtle glass effect */
|
|
.glass-header {
|
|
background-color: rgba(255, 255, 255, 0.85);
|
|
backdrop-filter: blur(12px);
|
|
-webkit-backdrop-filter: blur(12px);
|
|
}
|
|
|
|
/* Clean modern micro-elevation */
|
|
.card-hover {
|
|
transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease;
|
|
}
|
|
.card-hover:hover {
|
|
transform: translateY(-2px);
|
|
box-shadow: 0 12px 24px -10px rgba(15, 23, 42, 0.08);
|
|
}
|
|
|
|
/* Refined button transition */
|
|
.btn-press {
|
|
transition: all 0.15s cubic-bezier(0.16, 1, 0.3, 1);
|
|
}
|
|
.btn-press:active {
|
|
transform: scale(0.98);
|
|
}
|
|
}
|