Deprecate utility mixins in color.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/color.scss
.
Changes summary
Updated December, 4th 2023
891 files changed, 1582 insertions(+), 1582 deletions(-)
core plugins needed
TailwindtextColor
Notes
We need color to be compatible with our dark mode setup which means we likely need to define colors using CSS variables as demonstrated in https://tailwindcss.com/docs/customizing-colors#using-css-variables. We don't use RGB for our colors (we use hex codes) but I think this is okay in our case since we don't have any utils that use rgba. This will take some testing to verify.
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 color.scss
:node bin/deprecate_utils.js color.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