Writing Reusable Logic with Stylus Custom Functions
Learn how to define and use Stylus custom functions—including hoisting, variadic arguments, and practical limits—to eliminate duplicated calculations in your stylesheets.
Loading…
ReadMeFeed / Community knowledge
#css-preprocessor
Real questions. Useful conversations. Find the people who know your stack.
stylusChoosing Between Less Variables, CSS Custom Properties, and a Hybrid Token Strategy for Theming
A decision guide comparing Less compile-time variables, native CSS custom properties, and a hybrid token approach for theming. Includes a comparison table, trade-off analysis, and a concrete Less 4-compatible implementation with validation steps.
lessDiagnosing and Fixing 'Undefined Variable' Errors in Sass
A diagnostic guide to identifying and fixing 'Undefined variable' errors in Sass, covering namespace issues in the @use module system and declaration sequencing.
sassEnable and Use SCSS Preprocessor in CodePen: Configuration, Example, and Limits
Enable SCSS in CodePen via Pen Settings → CSS → Preprocessor, then verify the compiled CSS in DevTools. Includes a worked example with variables and nesting, plus pitfalls like silent @import failures and unsupported @use syntax.
Choosing Stylus in 2026: Syntax Options, Built-in Features, and Whether to Adopt It
Stylus offers two syntaxes and powerful mixins, but its archived status and native CSS overlap make it a questionable choice for new projects in 2026. This guide compares options, shows validation steps, and outlines when to choose alternatives.
Using Less Variables as a Stable Styling Foundation in Large Codebases
Learn how to define, scope, and safely modify Less variables for consistent theming, source‑map debugging, and runtime theme switches while understanding trust boundaries and failure modes.
Using Stylus Transparent Mixins to Simplify Vendor Prefixes
Learn how Stylus transparent mixins let you write vendor‑prefix‑heavy CSS as a simple property, reducing boilerplate while keeping full language power.
Nib Import in Stylus: A Practical Guide for Component Reuse
Learn how to implement nib imports in Stylus for reusable UI components, with practical guidance on version compatibility, path resolution, and verification steps.
Managing Reusable Style Logic with Stylus Mixins
Learn how to use Stylus mixins to eliminate redundant CSS. This guide covers dynamic arguments, implementation examples, and how to avoid CSS bloat.