juxscript 1.0.28 → 1.0.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bin/cli.js +0 -19
- package/machinery/compiler.js +3 -0
- package/package.json +1 -1
- package/presets/{grid.jux → default/layout.jux} +1 -1
- package/presets/index.jux +1 -1
- package/presets/styles/base.css +0 -1380
- package/presets/styles/notion.css +0 -127
- /package/presets/{styles → default}/layout.css +0 -0
|
@@ -1,127 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Notion Preset - Complete Theme & Layout
|
|
3
|
-
* Light/Dark mode via [data-theme] attribute
|
|
4
|
-
* Includes Notion-inspired layout system
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
/* ============================================
|
|
8
|
-
BASE TOKENS (Theme-independent)
|
|
9
|
-
============================================ */
|
|
10
|
-
:root {
|
|
11
|
-
/* Typography */
|
|
12
|
-
--font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
|
13
|
-
--font-family-mono: 'SF Mono', 'Monaco', 'Menlo', 'Courier New', monospace;
|
|
14
|
-
|
|
15
|
-
--font-size-xs: 0.75rem;
|
|
16
|
-
--font-size-sm: 0.875rem;
|
|
17
|
-
--font-size-base: 0.9375rem;
|
|
18
|
-
--font-size-lg: 1.125rem;
|
|
19
|
-
--font-size-xl: 1.25rem;
|
|
20
|
-
--font-size-2xl: 1.5rem;
|
|
21
|
-
--font-size-3xl: 2rem;
|
|
22
|
-
|
|
23
|
-
--font-weight-normal: 400;
|
|
24
|
-
--font-weight-medium: 500;
|
|
25
|
-
--font-weight-semibold: 600;
|
|
26
|
-
--font-weight-bold: 700;
|
|
27
|
-
|
|
28
|
-
--line-height-tight: 1.25;
|
|
29
|
-
--line-height-normal: 1.5;
|
|
30
|
-
--line-height-relaxed: 1.75;
|
|
31
|
-
|
|
32
|
-
/* Spacing */
|
|
33
|
-
--space-xs: 0.25rem;
|
|
34
|
-
--space-sm: 0.5rem;
|
|
35
|
-
--space-md: 0.75rem;
|
|
36
|
-
--space-lg: 1rem;
|
|
37
|
-
--space-xl: 1.5rem;
|
|
38
|
-
--space-2xl: 2rem;
|
|
39
|
-
--space-3xl: 3rem;
|
|
40
|
-
|
|
41
|
-
/* Borders */
|
|
42
|
-
--radius-sm: 3px;
|
|
43
|
-
--radius-md: 6px;
|
|
44
|
-
--radius-lg: 8px;
|
|
45
|
-
--radius-xl: 12px;
|
|
46
|
-
--radius-2xl: 16px;
|
|
47
|
-
--radius-full: 9999px;
|
|
48
|
-
|
|
49
|
-
--border-width: 1px;
|
|
50
|
-
|
|
51
|
-
/* Transitions */
|
|
52
|
-
--transition-fast: 120ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
53
|
-
--transition-base: 180ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
54
|
-
--transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);
|
|
55
|
-
--transition-bounce: 400ms cubic-bezier(0.34, 1.56, 0.64, 1);
|
|
56
|
-
|
|
57
|
-
/* Semantic colors (theme-independent) */
|
|
58
|
-
--color-success: #16a34a;
|
|
59
|
-
--color-warning: #ea580c;
|
|
60
|
-
--color-danger: #dc2626;
|
|
61
|
-
--color-info: #2563eb;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
/* ============================================
|
|
65
|
-
LIGHT THEME (Default)
|
|
66
|
-
============================================ */
|
|
67
|
-
:root,
|
|
68
|
-
[data-theme="light"] {
|
|
69
|
-
--color-brand: #0ea5e9;
|
|
70
|
-
--color-brand-hover: #0284c7;
|
|
71
|
-
--color-brand-subtle: #e0f2fe;
|
|
72
|
-
--color-brand-muted: #f0f9ff;
|
|
73
|
-
|
|
74
|
-
--color-text-primary: #18181b;
|
|
75
|
-
--color-text-secondary: #71717a;
|
|
76
|
-
--color-text-tertiary: #a1a1aa;
|
|
77
|
-
--color-text-inverse: #ffffff;
|
|
78
|
-
|
|
79
|
-
--color-surface-base: #fafafa;
|
|
80
|
-
--color-surface-elevated: #ffffff;
|
|
81
|
-
--color-surface-hover: #f4f4f5;
|
|
82
|
-
--color-surface-active: #e4e4e7;
|
|
83
|
-
--color-background: #ffffff;
|
|
84
|
-
|
|
85
|
-
--color-border: #e4e4e7;
|
|
86
|
-
--color-border-hover: #d4d4d8;
|
|
87
|
-
--color-border-focus: #0ea5e9;
|
|
88
|
-
|
|
89
|
-
--shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
|
|
90
|
-
--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
|
|
91
|
-
--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08);
|
|
92
|
-
--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
|
|
93
|
-
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.12);
|
|
94
|
-
--shadow-glow: 0 0 20px rgba(14, 165, 233, 0.15);
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
/* ============================================
|
|
98
|
-
DARK THEME
|
|
99
|
-
============================================ */
|
|
100
|
-
[data-theme="dark"] {
|
|
101
|
-
--color-brand: #38bdf8;
|
|
102
|
-
--color-brand-hover: #0ea5e9;
|
|
103
|
-
--color-brand-subtle: #082f49;
|
|
104
|
-
--color-brand-muted: #0c1e2e;
|
|
105
|
-
|
|
106
|
-
--color-text-primary: #fafafa;
|
|
107
|
-
--color-text-secondary: #a1a1aa;
|
|
108
|
-
--color-text-tertiary: #71717a;
|
|
109
|
-
--color-text-inverse: #18181b;
|
|
110
|
-
|
|
111
|
-
--color-surface-base: #18181b;
|
|
112
|
-
--color-surface-elevated: #27272a;
|
|
113
|
-
--color-surface-hover: #3f3f46;
|
|
114
|
-
--color-surface-active: #52525b;
|
|
115
|
-
--color-background: #09090b;
|
|
116
|
-
|
|
117
|
-
--color-border: #3f3f46;
|
|
118
|
-
--color-border-hover: #52525b;
|
|
119
|
-
--color-border-focus: #38bdf8;
|
|
120
|
-
|
|
121
|
-
--shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.3);
|
|
122
|
-
--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
|
|
123
|
-
--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
|
|
124
|
-
--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.6);
|
|
125
|
-
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.7);
|
|
126
|
-
--shadow-glow: 0 0 30px rgba(56, 189, 248, 0.2);
|
|
127
|
-
}
|
|
File without changes
|