Deprecate utility mixins in border.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/border.scss
.
Changes summary
Updated December, 4th 2023
603 files changed, 1017 insertions(+), 1017 deletions(-)
core plugins needed
TailwindborderCollapse
borderColor
borderOpacity
borderRadius
borderSpacing
borderStyle
borderWidth
- Add custom util for
gl-border
. We will need a new name because Tailwind usesgl-border
forborder-width: 1px;
, maybegl-border-composite
orgl-border-shorthand
- https://tailwindcss.com/docs/adding-custom-styles#adding-custom-utilities
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 border.scss
:node bin/deprecate_utils.js border.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