Background
Mixins are implicit references.
We're currently mixin import statements for mixins:
Combobox.vue
@import ( reference ) '@wikimedia/codex-design-tokens/theme-wikimedia-ui.less'; @import './../../themes/mixins/icon-alignment.less'; @import './../../themes/mixins/element-with-menu-expanded.less';
Tabs.vue
@import ( reference ) '@wikimedia/codex-design-tokens/theme-wikimedia-ui.less'; @import ( reference ) '../../themes/mixins/common.less';
Let's settle on one way: the more explicit, probably clearer from dev experience view and more fail-safe would be to always use reference.
Acceptance criteria for Done
- Settle on which path to choose: @import ( reference ) as clearer dev experience and more failsafe
- Unify import statements in code base