CSS Mixin and Macro Polyfill - Live Examples

This page showcases live examples of the CSS Mixin and Macro Polyfill in action. Each example demonstrates different aspects of the polyfill's functionality.

CDN Usage

You can include the polyfill directly from jsDelivr:

https://cdn.jsdelivr.net/npm/css-mixin-polyfill/dist/index.modern.js

Available Examples

Basic Examples
Demonstrates basic @macro and @mixin definitions with @apply substitution
Enhanced Features
Shows advanced usage patterns including @contents and nested @apply
Multiple @apply Rules
Examples composing multiple @apply rules within a single selector
Advanced Usage
Complex scenarios with parameter types, defaults, and @contents fallbacks
Parameter Variations
Demonstrates how different parameter values create varied styles from a single mixin

Project Information

View on GitHub | View on npm