Reusable Design Tokens with Stylus Mixins
Use Stylus mixins to centralize spacing, color, and radius values so changing one token updates every component at build time.
Loading…
ReadMeFeed / Community knowledge
#mixins
Real questions. Useful conversations. Find the people who know your stack.
stylusPug Mixins &attributes: A Practical Engineering Decision for Reusable Button Markup in Server‑Rendered Apps
Centralize button markup with Pug mixins and &attributes to keep server‑rendered templates DRY while safely handling attribute merging.
pugBuild Reusable Pug Components with Mixins and Content Blocks
Stop copying button markup across Pug templates. Mixins with parameters and block slots let you define a UI component once and reuse it with different labels, variants, and caller-supplied content.
nodejsReusing Style Templates in Sass with @content Mixins: A Practical Guide
Learn how to use Sass mixins with @content to keep component styles DRY while avoiding CSS bloat. Read a concrete example, trade‑offs, and best practices for reusable component styling.
sassLess Parametric Mixins vs. Fixed Mixins: A Theme System Decision Guide
A decision guide for Less 3.x theme systems: compare parametric mixins with default guards against fixed-arity mixins and value-map functions, with a concrete compilation and validation workflow.
lessLess Mixin Guards: Compile-Time Conditionals for Cleaner Responsive CSS
Less mixin guards evaluate conditions at compile time, letting you swap style blocks without runtime overhead. Here is how to use them for responsive, context-aware CSS.
Using Parametric Mixins in Less for Flexible, Reusable CSS
Learn how Less parametric mixins—using defaults, pattern matching, and guards—let you generate reusable, theme‑aware CSS without duplication.
Using Stylus Transparent Mixins to Keep Vendor Prefixes Out of Your Source
Discover how to eliminate repetitive vendor prefixes in your stylesheets by using Stylus transparent mixins, keeping source code clean while still supporting older browsers.
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.