Skip to content

Replace Bootstrap CSS with GitLab UI CSS

Sarah German requested to merge gitlab-ui-css into main

What does this MR do and why

  1. Adds a step to nanoc compile to copy GitLab UI CSS files into /assets/stylesheets/gitlab-ui/ and adds these CSS files to the docs site by including them in the document head.
  2. Removes Bootstrap CSS.
  3. Adjusts some of our existing utility classes and styles (mostly on the homepage) to maintain our existing design (or nudge it closer to the desired design in Figma).

This should allow us to easier utilize GitLab UI components and to maintain less custom CSS code. It's also a step towards removing dependencies on external CDNs (#361 (closed)).

Screenshots

Before After
image image
image image

New build step: console

How to test

  • Compare the review app to the live site.
  • For the homepage, if you spot differences, refer to the Figma design file as our source of truth/desired look
  • Please check at sm/md/lg widths
Edited by Sarah German

Merge request reports