trypost/resources/css/app.css
Paulo Castellano d8149ef058
Remove the automations module (#333)
* Remove the automations module

Drops the visual workflow builder end to end: actions, node runners,
commands, jobs, models, observers, policy, resources, requests, routes,
broadcast channel, scheduler entries, Horizon supervisor, Vue pages and
components, canvas undo/redo history, CodeEditor, translations, factories
and tests.

A new migration rewrites posts.created_via = 'automation' to 'web' and
drops the five automation tables. The CreatedVia::Automation enum case is
removed. The 2026-08-21 social-account identity migration now skips its
automation node repointing when the automations table no longer exists,
so it stays re-runnable after the drop.

Orphaned dependencies removed: simplepie/simplepie, @vue-flow/*,
codemirror and @codemirror/*.

* Drop the orphaned common.beta translation key

* Remove automation leftovers: ResolvableUrl rule, feed fixtures, useShortcut, nav badge

* Drop the unused chart wrapper and @unovis packages

* Address review: keep the shipped migration untouched, drop the dead previewOnly chain

- Restore 2026_08_21 migration to exactly what production ran; the
  rehearsal test now recreates the automations table it expects instead.
- Mark the drop migration's down() irreversible like its siblings.
- Simplify DropAutomationTablesMigrationTest to the sibling shape.
- Remove previewOnly / aiGenerateVariants: the only caller that set the
  prop was the deleted automation Generate node.
- Run pint over lang/*/common.php after the beta key removal.

* Exercise the drop migration against the real automation tables and their FKs

* Drop DuplicateIdentityRehearsalTest: it re-ran a frozen migration that reads the removed automations table
2026-09-05 11:03:23 -03:00

168 lines
5.6 KiB
CSS

@import 'tailwindcss';
@import 'tw-animate-css';
@import 'vue-sonner/style.css';
@import './json-viewer.css';
@plugin '@tailwindcss/typography';
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
/* Dark mode is intentionally disabled to match the marketing site
(which is light-only). Tailwind v4 defaults `dark:` to the
`prefers-color-scheme: dark` media query, so without this override
the OS theme would still flip preview internals to dark. Pin the
variant to a `.dark` class that we never apply. */
@custom-variant dark (&:where(.dark, .dark *));
:root {
/* TryPost design system — warm cream + ink + signature violet.
Mirrors the marketing site (~/Herd/trypost-site) so the app and the
site share one identity. All structural borders are ink-black. */
--background: #faf8f5;
--foreground: #0a0a0a;
--card: #ffffff;
--card-foreground: #0a0a0a;
--popover: #ffffff;
--popover-foreground: #0a0a0a;
--primary: #7c3aed;
--primary-foreground: #ffffff;
--secondary: #f4f4f0;
--secondary-foreground: #0a0a0a;
--muted: #f4f4f0;
--muted-foreground: #52525b;
--accent: #ede9fe;
--accent-foreground: #5b21b6;
--destructive: #e54b4f;
--destructive-foreground: #ffffff;
--success: #16a34a;
--error: #e54b4f;
--warning: #d97706;
--info: #2563eb;
--border: #0a0a0a;
--input: #0a0a0a;
--ring: #7c3aed;
--chart-1: #7c3aed;
--chart-2: #8b5cf6;
--chart-3: #a78bfa;
--chart-4: #5b21b6;
--chart-5: #4c1d95;
--sidebar: #ffffff;
--sidebar-foreground: #0a0a0a;
--sidebar-primary: #7c3aed;
--sidebar-primary-foreground: #ffffff;
--sidebar-accent: #ede9fe;
--sidebar-accent-foreground: #5b21b6;
--sidebar-border: #0a0a0a;
--sidebar-ring: #7c3aed;
--font-sans: Figtree, ui-sans-serif, system-ui, -apple-system,
BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
'Segoe UI Symbol', 'Noto Color Emoji';
--font-serif: 'Instrument Serif', ui-serif, Georgia, Cambria,
'Times New Roman', Times, serif;
--font-display: 'Instrument Serif', ui-serif, Georgia, Cambria,
'Times New Roman', Times, serif;
--font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco,
Consolas, 'Liberation Mono', 'Courier New', monospace;
--radius: 0.75rem;
/* Gumroad-style offset shadows: solid ink, no blur. */
--shadow-2xs: 1px 1px 0 0 #0a0a0a;
--shadow-xs: 2px 2px 0 0 #0a0a0a;
--shadow-sm: 3px 3px 0 0 #0a0a0a;
--shadow: 4px 4px 0 0 #0a0a0a;
--shadow-md: 5px 5px 0 0 #0a0a0a;
--shadow-lg: 6px 6px 0 0 #0a0a0a;
--shadow-xl: 8px 8px 0 0 #0a0a0a;
--shadow-2xl: 10px 10px 0 0 #0a0a0a;
--tracking-normal: 0em;
--spacing: 0.25rem;
}
@theme inline {
--color-background: var(--background);
--color-foreground: var(--foreground);
--color-card: var(--card);
--color-card-foreground: var(--card-foreground);
--color-popover: var(--popover);
--color-popover-foreground: var(--popover-foreground);
--color-primary: var(--primary);
--color-primary-foreground: var(--primary-foreground);
--color-secondary: var(--secondary);
--color-secondary-foreground: var(--secondary-foreground);
--color-muted: var(--muted);
--color-muted-foreground: var(--muted-foreground);
--color-accent: var(--accent);
--color-accent-foreground: var(--accent-foreground);
--color-destructive: var(--destructive);
--color-destructive-foreground: var(--destructive-foreground);
--color-border: var(--border);
--color-input: var(--input);
--color-ring: var(--ring);
--color-chart-1: var(--chart-1);
--color-chart-2: var(--chart-2);
--color-chart-3: var(--chart-3);
--color-chart-4: var(--chart-4);
--color-chart-5: var(--chart-5);
--color-sidebar: var(--sidebar);
--color-sidebar-foreground: var(--sidebar-foreground);
--color-sidebar-primary: var(--sidebar-primary);
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
--color-sidebar-accent: var(--sidebar-accent);
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
--color-sidebar-border: var(--sidebar-border);
--color-sidebar-ring: var(--sidebar-ring);
--font-sans: var(--font-sans);
--font-mono: var(--font-mono);
--font-serif: var(--font-serif);
--font-display: var(--font-display);
--radius-sm: calc(var(--radius) - 4px);
--radius-md: calc(var(--radius) - 2px);
--radius-lg: var(--radius);
--radius-xl: calc(var(--radius) + 4px);
--shadow-2xs: var(--shadow-2xs);
--shadow-xs: var(--shadow-xs);
--shadow-sm: var(--shadow-sm);
--shadow: var(--shadow);
--shadow-md: var(--shadow-md);
--shadow-lg: var(--shadow-lg);
--shadow-xl: var(--shadow-xl);
--shadow-2xl: var(--shadow-2xl);
}
@layer base {
* {
@apply border-border outline-ring/50;
}
body {
@apply bg-background text-foreground;
font-family: var(--font-sans);
}
}
/* Site headline + container utility classes — mirrors trypost-site's
`assets/css/utility-patterns.css`. Use `.h1`/.h2`/.h3` for serif
display headlines (Instrument Serif) instead of stacking Tailwind
text-* utilities. */
.h1 {
font-family: var(--font-display);
@apply text-4xl sm:text-5xl lg:text-7xl xl:text-[5.5rem] font-normal tracking-tight leading-[1.05];
}
.h2 {
font-family: var(--font-display);
@apply text-pretty text-3xl font-normal tracking-tight leading-[1.1] sm:text-5xl;
}
.h3 {
font-family: var(--font-display);
@apply text-pretty text-2xl font-normal tracking-tight sm:text-4xl;
}
.trypost-container {
@apply relative max-w-7xl w-full flex-1 mx-auto flex flex-col justify-center;
}