30 lines
996 B
CSS
30 lines
996 B
CSS
/* The font @import MUST come first — before @import "tailwindcss" — because
|
|
Tailwind inlines its import into real CSS rules, and the CSS spec requires
|
|
@import to precede all other rules. If it comes second, the production build
|
|
warns ("@import must precede all rules…") and browsers silently DROP the
|
|
font import, so the custom font never loads. */
|
|
@import url("https://api.fonts.coollabs.io/css2?family=Sono:wght@400;500;600;700&display=swap");
|
|
@import "tailwindcss";
|
|
@plugin "daisyui";
|
|
@plugin "daisyui/theme" {
|
|
name: "light";
|
|
default: true;
|
|
--color-primary: #2e86de;
|
|
}
|
|
|
|
@theme {
|
|
--font-sans: "Sono", ui-sans-serif, system-ui, sans-serif;
|
|
}
|
|
|
|
/* Larger, easier-to-grab connection handles (Vue Flow defaults to 6px). The
|
|
Flow valve is small, so its handles get extra size. Loaded after Vue Flow's
|
|
own CSS (see main.ts) so these win. */
|
|
.vue-flow__handle {
|
|
width: 11px;
|
|
height: 11px;
|
|
}
|
|
.vue-flow__node-flow .vue-flow__handle {
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|