Deprecate utility mixins in content.scss
As part of the Tailwind CSS migration initiative, we are deprecating existing utility mixins by
changing their gl-
prefixes to gl-deprecated-
.
This issue is about deprecating mixins declared in src/scss/utility-mixins/content.scss
.
Changes summary
Updated December, 4th 2023
4 files changed, 7 insertions(+), 7 deletions(-)
core plugins needed
TailwindThis is only used in .scss
files as a mixin (not used as a utility class). I think we can migrate the usages to plain CSS as content: ''
. Another option is to use the Tailwind CSS utility classes for pseudo elements (e.g. after:content-['']
) - https://tailwindcss.com/docs/content#setting-a-pseudo-elements-content
Implementation steps
-
Make sure that your local GDK is up-to-date and that you don't have any work in progress there. Copy the gitlab/
directory absolute path to be used in the next step. -
Run the deprecation script against content.scss
:node bin/deprecate_utils.js content.scss <path/to/gdk/gitlab/>
-
Enable Tailwind CSS core plugins that provide replacements for the now-deprecated utils. -
Commit and push the GitLab UI changes. Make sure to mark them as BREAKING. -
In the GDK, create a new branch and install the dev build of @gitlab/ui
. This will serve as the integration branch. Commit and push the changes, create an MR. Link to the integration MR in the GitLab UI MR. -
Put both MRs out for review.
Edited by Peter Hegman