How Sass @use and @forward Fix Theme Variable Chaos
Sass @use and @forward replace fragile @import globals with explicit namespaces and controlled public APIs. Learn how to structure theme tokens and avoid collisions.
Loading…
ReadMeFeed / Community knowledge
#css-architecture
Real questions. Useful conversations. Find the people who know your stack.
Stop Global @import Collisions: Migrate to Sass Modules with @use and @forward
Sass @import creates global name collisions across teams. @use and @forward introduce namespacing, private members, and a curated public API for large stylesheets. Here's how to migrate safely.
sassCSS Custom Properties as Design-System Primitives: An Architecture Note
Architecture note on using CSS Custom Properties as design-system primitives: flat token namespaces, cascade-based theming, trust boundaries with JavaScript, DevTools validation, and failure modes like cyclic references and silent calc() failures. Includes migration triggers for token systems.
css3Moving Beyond @import: Managing Sass Dependencies with @use and @forward
Stop fighting global variable collisions in Sass. Learn how to use @use and @forward in Dart Sass to create namespaced, maintainable style architectures.
Stopping the Global Scope Leak: Migrating from @import to @use in Sass
Stop fighting global scope collisions in Sass. Learn how @use and @forward replace @import to provide namespacing, private members, and configurable design tokens.
Managing Sass Dependencies with @use and @forward
Stop CSS variable collisions by replacing @import with @use. Learn how to implement module namespacing and create clean library APIs using @forward in Sass.
Tailwind CSS Architecture: Utility-First Styling with Build-Time Content Scanning
An architecture note on Tailwind CSS's utility-first model: how build-time content scanning drives the smallest production bundle, where the trust boundary lies, operational checks to catch scanner misses, and failure modes that force a design change.
Stylus property lookup: one anchor value per component
Stylus property lookup lets one declared value drive derived padding and line height inside a rule. When that helps, when it silently breaks, and how to verify the compiled CSS.
Architecting CSS Compatibility with PostCSS and postcss-preset-env
Learn how to implement a minimal, scalable CSS transformation pipeline using PostCSS and postcss-preset-env to ensure cross-browser compatibility without sacrificing modern syntax.
postcss