Skip to content

Use tailwind util classes for semantic color usage in What's New

What does this MR do and why?

Remove custom sass for image border and link coloring and implement those styles with util classes in Vue.

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

Note: the only visual change here is the height of the image, which went from a fixed 250px to using tailwind util class gl-h-31 (which sets it to 15.5rem, or 248px)

Before After
Capture-2024-07-22-143513 Capture-2024-07-22-143450

How to set up and validate locally

  1. Check out this branch
  2. Visit the GDK and click Help > What's new

Related to #473790 (closed), #452231 (closed)

Edited by Chad Lavimoniere

Merge request reports

Loading