Specification

https://drafts.csswg.org/css-mixins/#defining-mixins

Explainer

https://css.oddbird.net/sasslike/mixins-functions/

Links

• The WG's request for this TAG review: https://github.com/w3c/csswg-drafts/issues/9350#issuecomment-1939628591
• Previous early design review, if any: https://github.com/w3ctag/design-reviews/issues/1031
• An introduction to the feature, aimed at unfamiliar audiences: https://drafts.csswg.org/css-mixins/#defining-mixins
• A description of the problems that end-users were facing before this proposal: https://css.oddbird.net/sasslike/mixins-functions/#intro
• Examples of how to use the proposal to solve the end-users' problems: https://css.oddbird.net/sasslike/mixins-functions/#intro
• What do the end-users experience with this proposal: https://chromestatus.com/feature/5108022310469632
• User research you did to validate the problem and/or design, if any: https://github.com/w3c/csswg-drafts/issues/5798; https://front-end.social/@mia/110833306689188274
• Web Platform Tests: https://wpt.fyi/results/css/css-mixins/mixins?label=experimental&label=master&aligned

The specification

• Follows the Web Platform Design Principles.
• Includes Security and Privacy Considerations sections based on answers to the Security/Privacy Questionnaire.

Where and by whom is the work is being done?

• GitHub repo: https://drafts.csswg.org/css-mixins/#defining-mixins
• Primary contacts:
  • @thejohnjansen johnjansen, Microsoft, Product Manager; CSS-WG Co-Chair
  • @tabatkins, Google, Spec Editor
  • @kbabbitt, Microsoft, Software Engineer
• Organization/project driving the specification: CSSWG
• This work is being funded by: N/A
• Primary standards group developing this feature: CSSWG
• Incubation and standards groups that have discussed the design:
  • https://github.com/w3c/csswg-drafts/issues?q=is%3Aissue+state%3Aopen+CSS-Mixins-1

Feedback so far

• Active horizontal reviews: https:// <!-- Link to an issue like https://github.com/webmachinelearning/webnn/issues/239, https://github.com/WebAssembly/spec/issues/1804, or https://github.com/w3c/did/issues/885, which itself links to the other horizontal reviews. If you haven't started the rest of the horizontal reviews, please consider doing so. -->
• Multi-stakeholder feedback:
  • Mozilla comments: https://github.com/mozilla/standards-positions/issues/1459
  • WebKit comments: https://github.com/WebKit/standards-positions/issues/727
• Major unresolved issues with or opposition to this specification: N/A
• Status/issue trackers for implementations: https://chromestatus.com/feature/5108022310469632

You should also know that...

No response

<!-- Content below this is maintained by @w3c-tag-bot -->

---

Track conversations at https://tag-github-bot.w3.org/gh/w3ctag/design-reviews/1290