Skip to content

Migrate `gl-reset-color` to Tailwind

Paul Gascou-Vaillancourt requested to merge 456618-reset-color-tailwind into master

What does this MR do and why?

Migrate gl-reset-color to Tailwind

Migrates occurrences of gl-reset-color to its Tailwind equivalent gl-text-inherit.

MR acceptance checklist

Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Screenshots or screen recordings

Group overview empty state
Screenshot_2024-05-30_at_8.52.32_AM

CSS-in-Js diff

diff --git a/config/helpers/tailwind/css_in_js.js b/config/helpers/tailwind/css_in_js.js
index 641691d4cc82..101345682e0d 100644
--- a/config/helpers/tailwind/css_in_js.js
+++ b/config/helpers/tailwind/css_in_js.js
@@ -1,5 +1,5 @@
 /**
- * The following 523 definitions need to be migrated to Tailwind.
+ * The following 522 definitions need to be migrated to Tailwind.
  * Let's do this! 🚀
  */
 module.exports = {
@@ -156,7 +156,6 @@ module.exports = {
     '&::after': { display: 'block !important', clear: 'both !important', content: '"" !important' },
   },
   '.reset-color': { color: 'inherit' },
-  '.reset-color\\!': { color: 'inherit !important' },
   '.text-white\\!': { color: 'var(--white, #fff) !important' },
   '.text-body': { color: 'var(--gl-text-primary, #333238)' },
   '.text-body\\!': { color: 'var(--gl-text-primary, #333238) !important' },

Note: .reset-color is still registered as it's being used in GitLab UI.

Related to #456618 (closed)

Edited by Paul Gascou-Vaillancourt

Merge request reports