vernova/resources/css/app.css
2026-07-26 19:58:27 +03:30

51 lines
1.6 KiB
CSS

@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
[dir="rtl"] {
font-family: 'Vazirmatn', sans-serif;
}
[dir="ltr"] {
font-family: 'Inter', sans-serif;
}
}
@layer components {
.sidebar-link {
@apply w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm transition-colors;
}
.sidebar-link-active {
@apply bg-sidebar-primary text-sidebar-primary-foreground font-medium;
}
.sidebar-link-inactive {
@apply text-sidebar-foreground/70 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground;
}
.kpi-card {
@apply relative overflow-hidden rounded-xl border bg-card text-card-foreground;
}
.status-badge {
@apply inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium;
}
}
@layer utilities {
.ps-custom { padding-inline-start: 1rem; }
.pe-custom { padding-inline-end: 1rem; }
.ms-custom { margin-inline-start: 0.5rem; }
.me-custom { margin-inline-end: 0.5rem; }
.border-s-custom { border-inline-start-width: 1px; }
.border-e-custom { border-inline-end-width: 1px; }
}
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
@media print {
.no-print { display: none !important; }
}