linkedin/css-blocks
Css Blocks
High performance, maintainable stylesheets.
Features
- CSS Cascade Conflicts - Reports property conflicts between co-located classes before the application runs.
- CSS Property Conflicts - Catches CSS property conflicts between co-located classes during compilation.
- Block Resolution - Resolves all block references and overrides into final selectors during the build step.
- Style Conflict Resolutions - Provides a resolve() directive to explicitly decide which block's property wins in conflicts.
- Style Conflict Analysis - Detects property collisions between co-located classes during the build step.
- Block Property Resolutions - Decides which block's property values win when multiple blocks style the same element.
- Cross-Block Property Resolvers - Uses a resolve() declaration to decide which block's property wins in conflicts.
- Scoped Rewriting - Rewrites selectors with unique hashes to scope styles to their owning component.
- Scoped CSS Modules - Composes isolated CSS files that automatically scope selectors to prevent leaks and collisions.
- Block-Based Inheritance Systems - Provides a block-based inheritance system for composing and overriding component styles at build time.
- Component Styling - Writes CSS that stays confined to a single component, preventing style leaks and collisions.
- Style Inheritance - Allows blocks to extend others, merging declarations with selective overrides at build time.
- Cross-Block Conflict Resolvers - Ships a resolver that explicitly decides which block's property wins when multiple blocks target the same element.
- CSS Scoping Engines - Provides a build-time compiler that automatically scopes selectors to components to prevent style leaks.
- Conflict Detection Analyzers - Implements a build-time analyzer that detects cascade conflicts and enforces style contracts between component stylesheets.
- Style State Declarations - Marks states as global for cross-component style toggles like loading or saving.
- Block Interface Contracts - Declares block interface contracts and fails the build on missing implementations.
- Style - Enforces that blocks match a declared interface, failing the build on mismatch.
- Block API Enforcement - Verifies that blocks implement the public API of other blocks during the build.
- External Selector References - Declares third-party classes as key selectors to prevent renaming or optimization.
- External References - Declares third-party classes as known selectors to prevent renaming or optimization.
- Style State Sharing - Shares global states across blocks for application-wide style toggles.
- Global State Style Togglers - Provides a mechanism to share state across blocks for application-wide style toggles like loading or saving states.
- State-Driven Toggling - Shares application-wide style toggles like loading or saving states across blocks.
