Migrate `gl-reset-line-height` to Tailwind
What does this MR do and why?
Migrate gl-reset-line-height
to Tailwind
Migrates the gl-reset-line-height
CSS util to its Tailwind equivalent
configured as gl-leading-reset
.
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
Before | After |
---|---|
CSS-in-Js diff
diff --git a/config/helpers/tailwind/css_in_js.js b/config/helpers/tailwind/css_in_js.js
index f4f758ebfdeb..6be3eed8d832 100644
--- a/config/helpers/tailwind/css_in_js.js
+++ b/config/helpers/tailwind/css_in_js.js
@@ -1,5 +1,5 @@
/**
- * The following 574 definitions need to be migrated to Tailwind.
+ * The following 573 definitions need to be migrated to Tailwind.
* Let's do this! 🚀
*/
module.exports = {
@@ -726,7 +726,6 @@ module.exports = {
'.line-height-32': { 'line-height': '2rem' },
'.line-height-36': { 'line-height': '2.25rem' },
'.line-height-42': { 'line-height': '2.625rem' },
- '.reset-line-height': { 'line-height': 'inherit' },
'.vertical-align-top': { 'vertical-align': 'top' },
'.vertical-align-bottom': { 'vertical-align': 'bottom' },
'.vertical-align-text-bottom': { 'vertical-align': 'text-bottom' },
Related to #456618 (closed)
Edited by Paul Gascou-Vaillancourt