SLASHED

SLASHED loads a complete CSS framework on any WordPress site — no build step, no Node, no JavaScript on the frontend. You restyle the whole site by setting a handful of design tokens; the framework derives every color, dark-mode value, and fluid type and spacing scale from them in plain CSS. The plugin enqueues the framework and wires it into the editors you use, so you pick tokens and classes from a list instead of typing them by hand. Bricks Builder gets the full toolset; Gutenberg gets presets and a token panel. Design Settings A visual editor for every token — brand and status colors, typography, spacing, borders, shadows, fluid scales, z-index — built into WordPress at SLASHED → Design Settings, with a live light/dark preview. You only ever set validated token values; there is no raw-CSS field. Set six brand colors (primary, secondary, tertiary, action, neutral, base) and five status colors (success, warning, error, info, danger), each with an optional separate dark value, and the framework recolors itself. Hover and active states, tints, shades, and tonal steps are all computed for you. The same editor runs as a standalone web app at https://slashed.codeslash.dev/configurator for designing without logging in. "Open in configurator" launches it preloaded with your current tokens; "Import shared config" pulls a shared design back in from a code or link. Bricks Builder Enable the Bricks integration and the framework shows up natively in the builder:

• Token pickers. Every SLASHED variable is registered with Bricks' variable pickers and code-editor autocomplete, grouped by category. Color tokens show a swatch resolved for both light and dark.
• Class autocomplete. Every SLASHED class is added to the Bricks class input — layout, macros, components, and utilities under "SLASHED Layout", and .is-* state classes under "SLASHED State". The list is read from the CSS bundle you actually loaded, so it always matches.
• Color System panel. A floating, in-builder browser for the full color palette, organized by family and tone, with a light/dark canvas toggle. Click a swatch to copy its variable and apply it to the selected element's background, text, or border.
• Class hints. With hints enabled, a ? icon next to each SLASHED class explains what it does and which category it belongs to. The icon is the only trigger, so it never covers Bricks' own controls.
• reBEMer. A BEM class manager in the structure panel. Select an element, name the block, and reBEMer generates clean block__element / block--modifier names across the whole subtree in one pass. It supports add, rename, replace, add-modifier, and migrate-ID-styles modes, auto-numbers colliding siblings, and won't shadow reserved SLASHED classes. It never deletes a global class.
• Dark mode bridge. The Bricks dark-mode toggle drives the SLASHED dark palette.

Gutenberg Enable the Gutenberg integration and you get:

• Framework CSS in the editor canvas and on the frontend.
• SLASHED colors, gradients, font sizes, and spacing registered as native editor presets. On block themes this flows through theme.json automatically — no custom theme.json needed.
• A floating token panel to browse and apply colors and gradients to the selected block, toggle SLASHED classes, and copy variables.
• A dark mode bridge: the editor's dark-mode toggle drives the SLASHED dark palette.

reBEMer and class autocomplete are Bricks-only. Dark mode, no JavaScript Dark mode runs entirely in CSS:

• Follows the operating-system setting by default.
• data-theme="dark" forces dark for an element and its descendants.
• data-theme="light" carves a light section out of a dark page.

A single dark section inside a light page — or the reverse — works with no script. CSS bundles Pick the bundle that fits the project on the settings page:

• Optimal (recommended) — tokens, CSS reset, base element styles, light/dark themes, layout primitives (container, stack, grid, cluster, sidebar, switcher, cover, center, frame, reel), macros (prose, flow, truncate, aspect, scroll-shadow), interaction states, motion, accessibility, print, and classless form styling.
• Optimal + Components — adds prebuilt components: buttons, badges, tags, cards, tables, form rows, and loading skeletons, with status and style modifiers.
• Optimal + Utilities — adds utility classes: object-fit, a z-index scale, text balancing, and animation helpers (spin, ping, blink, shimmer, float).
• Full — everything above.

All bundles ship with the plugin and load locally from the plugin's own folder — no external requests are made to render your site. New framework CSS arrives through normal plugin updates. Predictable overrides SLASHED puts every rule in a named CSS cascade layer with a fixed order, so a later layer always wins regardless of selector specificity. Your token overrides land in the top layer, so they beat framework defaults without !important or specificity hacks. Browser support SLASHED targets Chrome 125+, Safari 18.0+, and Firefox 129+. It uses light-dark(), relative-color oklch(), @property, and scroll-driven animations with no fallback. Older browsers are not supported. Open source The framework is developed at https://github.com/codeslash-dev/SLASHED.

0.4.20

• Fixed: Resolve dependabot lockfile/peer conflicts
• Fixed: Re-sync min-h toolbar fix from framework
• Fixed: Re-sync single-row mobile preview toolbar from framework

0.4.19

• Changed: Re-sync deduped mobile fold-toggle button from framework
• Fixed: Register the live page as the preview doc in the WP frontend overlay
• Fixed: Re-sync mobile Controls/Preview switcher relocation from framework
• Fixed: Re-sync mobile domain panel overflow fix from framework

0.4.18

• Fixed: Re-sync hasWpBoot() layout fix, make app-page CSS notice-safe
• Fixed: Stop configurator clipping inside WP admin's layout chrome

0.4.17

• Fixed: Sync vendored configurator (admin-app/src/) with framework PRs #460/#461 — saved themes, motion panel overhaul, base color palette and live semantic preview — which had silently failed to land.
• Fixed: release.yml now commits the configurator sync (admin-app/src/, .vendored-manifest.json, framework-css/, assets/admin-app/) back to the default branch instead of discarding it after each release build.
• Fixed: Remove .syncignore entries for files no longer divergent from upstream SLASHED#443.

0.4.16

• Maintenance release.

0.4.15

• Maintenance release.

0.4.14

• Fixed: Remove load_plugin_textdomain (auto-loaded since WP 4.6)

0.4.13

• Fixed: Defer textdomain loading to init for WP 6.7 compatibility

0.4.12

• Fixed: Load textdomain at plugins_loaded to prevent WP 6.7 translation notice

0.4.11

• Added: Generate .vendored-manifest.json on sync + add CLAUDE.md
• Fixed: Remove unused num_or_default() and align equals in css-generator
• Fixed: Correct radius aliases, guard non-numeric scales, fix phpcs formatting
• Fixed: Clear configurator diagnostics
• Fixed: Reliably hide frontend overlay when collapsed in shadow DOM
• Fixed: Derive scale token overrides

0.4.10

• Fixed: Restore frontend overlay pointer events
• Fixed: Restore frontend overlay pointer events
• Fixed: Address WordPress.org plugin review (prefixes + remote files)

0.4.9

• Fixed: Stop standalone Bricks/Gutenberg bootstraps from require_once-ing the deleted class-token-sanitizer.php and class-tab-registry.php (fatal error on standalone activation)
• Fixed: Accept easing (cubic-bezier(), linear(), steps()) and scroll-timeline range (entry 0%, cover 30%) values in Slashed_CSS_Generator::validate_override_value() so motion-panel overrides are no longer silently dropped
• Fixed: Align Slashed_CSS_Generator::has_overrides() with the emitter by validating values, so a stored invalid value no longer reports overrides while emitting no CSS
• Fixed: Add accessible aria-labels to the modular-scale ratio preset select and custom ratio input in ClampField.svelte

0.4.8

• Fixed: Address all unresolved CodeRabbit PR review comments
• Fixed: Address Qodo PR review bugs in css-generator, persistence, and SliderRow
• Fixed: Eliminate TOCTOU race with fd-based stat+read; revert paths-ignore
• Fixed: Rewrite preserved array to use inline resolve+startsWith; exclude compiled assets
• Fixed: Add same-origin check to compiled wpSave to resolve CodeQL CWE-918
• Fixed: Inline resolve+startsWith guard for CodeQL path-injection
• Fixed: Validate REST URL is same-origin before fetch
• Fixed: Guard preserved syncignore paths against path traversal
• Fixed: Move Save button before Undo/Redo in plugin StudioHeader; fix PHPCS array formatting
• Fixed: Frontend panel layout push + modular scale live preview

0.4.7

• Fixed: Gate toggle event on mount readiness; keep nav fallback
• Fixed: Admin bar button navigates to activate panel when assets not loaded

0.4.6

• Added: Reset-all confirmation; save button left; panel gated on query param
• Changed: Replace JSON.stringify comparisons with shallow equality in AppOverlay
• Fixed: Address CodeRabbit/Qodo review findings + page-squeeze layout

0.4.5

• Added: Replace auto-save with explicit Save button
• Fixed: Harden save state with snapshot-based dirty tracking
• Fixed: Update AppOverlay + syncignore for explicit save
• Fixed: Set mounted flag after mount() succeeds to allow retries on failure
• Fixed: Harden overlay mount against stalled CSS and duplicate invocations
• Fixed: Defer overlay mount until CSS loads; guard against script optimisers

0.4.4

• Added a floating frontend overlay to edit tokens on any live page — click "/ Design" in the admin bar to open the panel without leaving the site.
• Framework CSS is now always bundled locally with the plugin; CDN delivery and the automatic background version-check were removed.
• Bug fixes.

0.4.3

• Bug fixes.

0.4.2

• Brand and status color overrides set in Design Settings now recolor the live site.
• Bug fixes.

0.4.1

• Bug fixes.

0.4.0

• Replaced the admin interface with the SLASHED design-system configurator, now built into the plugin at SLASHED → Design Settings.

0.3.15

• Added a flat CSS bundle option to the settings page.

0.3.14

• Switched to four CSS bundle options: Optimal, Optimal + Components, Optimal + Utilities, and Full.

0.3.8

• Added "Import shared config" — paste a code or configurator link to load a shared design.
• Removed the manual-CSS page; design tokens are now the only styling path.

0.3.7

• Added "Open in configurator", launching the hosted editor preloaded with your current tokens.

0.3.6

• Added reBEMer to the Bricks structure panel and a Colors launcher panel to the builder.

0.3.5

• Consolidated all Bricks options into a single tabbed settings page.

0.3.0

• Initial release.