65 lines
1.6 KiB
CSS
65 lines
1.6 KiB
CSS
/* V2 Base - Shared variables */
|
|
|
|
:root {
|
|
/* Grid measurements */
|
|
--hour-height: 64px;
|
|
--time-axis-width: 60px;
|
|
--grid-columns: 7;
|
|
--day-column-min-width: 200px;
|
|
--day-start-hour: 6;
|
|
--day-end-hour: 18;
|
|
--header-height: 70px;
|
|
|
|
/* Colors - UI */
|
|
--color-border: #e0e0e0;
|
|
--color-surface: #fff;
|
|
--color-background: #f5f5f5;
|
|
--color-background-hover: #f0f0f0;
|
|
--color-background-alt: #fafafa;
|
|
--color-text: #333333;
|
|
--color-text-secondary: #666;
|
|
--color-primary: #1976d2;
|
|
--color-team-bg: #e3f2fd;
|
|
--color-team-text: #1565c0;
|
|
|
|
/* Colors - Grid */
|
|
--color-hour-line: rgba(0, 0, 0, 0.2);
|
|
--color-grid-line-light: rgba(0, 0, 0, 0.05);
|
|
|
|
/* Named color palette for events (fra V1) */
|
|
--b-color-red: #e53935;
|
|
--b-color-pink: #d81b60;
|
|
--b-color-magenta: #c200c2;
|
|
--b-color-purple: #8e24aa;
|
|
--b-color-violet: #5e35b1;
|
|
--b-color-deep-purple: #4527a0;
|
|
--b-color-indigo: #3949ab;
|
|
--b-color-blue: #1e88e5;
|
|
--b-color-light-blue: #03a9f4;
|
|
--b-color-cyan: #3bc9db;
|
|
--b-color-teal: #00897b;
|
|
--b-color-green: #43a047;
|
|
--b-color-light-green: #8bc34a;
|
|
--b-color-lime: #c0ca33;
|
|
--b-color-yellow: #fdd835;
|
|
--b-color-amber: #ffb300;
|
|
--b-color-orange: #fb8c00;
|
|
--b-color-deep-orange: #f4511e;
|
|
|
|
/* Base mix for color-mix() function */
|
|
--b-mix: #fff;
|
|
|
|
/* Shadows */
|
|
--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
|
|
--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
|
|
|
|
/* Transitions */
|
|
--transition-fast: 150ms ease;
|
|
}
|
|
|
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
|
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
background: var(--color-background);
|
|
}
|