search

TACC / Core-Styles

CSS dist files, source code, and build process for TACC-branded projects.
https://tacc.utexas.edu/static/ui
0 stars 0 forks source link

Do Not Use `postcss-extend` #340

Open wesleyboar opened 7 months ago

wesleyboar commented 7 months ago

Goal

Background

Dependency postcss-extend is outdated, unsupported, esoteric, and causing Node warnings (see WP-280).

Direction

  1. Install PostCSS Mixins.
  2. Find/Replace old "extend" syntax with new "mixin" syntax. We could automate with postcss-classes-to-mixins, but uninstall after migration.
  3. Test all relevant code that TACC/Core-Styles demo lets us test.
  4. Test clients:
  5. Use on clients:

Reference

Replace

.x-truncate--many-lines {
  ...
}

and

... {
  @extend .x-truncate--many-lines;
}

With

@define-mixin x-truncate--many-lines {
  ...
}

and

... {
  @mixin x-truncate--many-lines;
}
wesleyboar commented 2 months ago

Status