stylify 1.0.x-dev

Initial stable release for Drupal 10 and 11.

Summary

Stylify is an on-site CSS editor with live preview for global, administrative, route, entity, and content-type stylesheets. CSS is stored in the database and rendered on matching pages.

Features

• On-page CSS editor with Ace syntax highlighting (lazy-loaded)
• Live preview while editing
• Scoped stylesheets: global, admin global, route/view, entity type, content type, and individual entity
• Editor locking workflow (acquire lock, save, unlock)
• Granular permissions for global, admin, and entity CSS
• Break-glass full access permission (requires Manage Stylify settings)
• Central admin UI to list, edit, delete, export, and import stylesheets
• Cache-aware stylesheet loading with cache tag invalidation
• CSRF protection and flood control on editor API endpoints
• Basic CSS validation for disallowed patterns
• Empty stylesheets are not attached to pages

Administration

• Configuration → System → Stylify stylesheets — manage all saved CSS
• Configuration → System → Stylify Settings — clear stale editor locks

Editor workflow

1. Click CSS Editor on any permitted page
2. Select stylesheet scope
3. Click Edit to lock and edit
4. Click Save and Save & close when finished

Requirements

• Drupal ^10 || ^11
• No contributed dependencies

Third-party libraries

• Ace Editor 1.36.5 (BSD 3-Clause License)

Security

Important: Custom CSS affects all visitors who can see the page. Grant Stylify permissions only to trusted administrators. CSS validation reduces some risks but does not make untrusted CSS safe.

Known limitations

• Admin stylesheet edit/import bypasses on-page editor locks (intentional break-glass behavior)
• Editor locks expire after one hour without activity refresh