Skip to content

Remove append/prepend utility classes

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

Description

In common.scss we have some very old append and prepend utility CSS classes, which are inconsistent with our design system.

Screen_Shot_2020-05-11_at_8.01.53_PM

We should prefer using the very cool gitlab ui utility classes. Here's the latest utilities.scss file which contains a full list of the utility classes available.

Proposal

Let's remove and replace what references we can 😄

Guidance - Some classes use values outside the design system

!31679 (comment 340707486)

The biggest issue with deprecating these, however is that some spacings are not replicated in our design system (e.g. 5px). My preference is to suggest that developers push back on designs that require these values, but that seems like a big choice to be made on preferences.

Edited by 🤖 GitLab Bot 🤖