Using Stylus Transparent Mixins for Zero‑Output CSS Abstractions
Learn how Stylus transparent mixins let you reuse CSS property groups without generating extra selectors, keeping your stylesheet DRY and zero‑output when used as‑is.
Loading…
ReadMeFeed / Community knowledge
#mixins
Real questions. Useful conversations. Find the people who know your stack.
stylusArchitecting Reusable CSS Patterns with Stylus Parameterized Mixins
Avoid CSS duplication in design systems by using parameterized Stylus mixins. This guide covers the architecture for encapsulating rule sets, operational checks, and failure modes related to indentation and Node versions.
Parameterized Mixins in Stylus: Reusable CSS Rules Without the Bloat
Stylus mixins inline their body at every call site, so they shine for parameterized rules and hurt when overused. Syntax, the mixin-vs-extend decision, and verification.
Less Mixins vs Variables: Choosing the Right Tool for Design Tokens
A decision guide for Less design tokens: when a variable is the right reuse mechanism, when a parameterized mixin earns its output duplication, and how to verify the compiled result with lessc.
lessMastering Pug Mixins: Reusable Components for Templates
Learn how to define and use Pug mixins with parameters and block content, plus common pitfalls to avoid.
nodejs
pugPug Mixins vs Includes – Decision Guide for Modular UI
Decide whether to use Pug mixins or includes for UI components by comparing dynamic and static use cases, trade‑offs, and a real example.
Less Mixins Are Just Classes — and That's Both the Point and the Problem
Less mixins reuse plain class syntax, which makes them easy to learn and easy to misuse. Here's how parametric mixins, guards, parentheses, and :extend actually affect your compiled CSS.
Reusable Pug Mixins: Attribute Merging, Rest Arguments, and Blocks
Build reusable Pug components with mixins: capture caller attributes with the attributes object, accept variable input with rest arguments, and wrap content with blocks — plus the class-merging and indentation traps to avoid.
Pug Mixin Swallowing Nested Content: Diagnosing Missing `block` Keyword
Pug mixins render but nested content disappears when the mixin lacks a bare <code>block</code>. Diagnose with a table, ordered checks, and fixes for common whitespace and block placement bugs.