Skip to content

Tailwind Conversions Master List

Created by: bretthayes

Convert our pages, components, and UI with Tailwind CSS, removing Bootstrap and stylesheets along the way.

The goal of this initiative is to tackle our tech debt and meet the goals listed in our Marketing DLS Project Brief.

  • [TW] Convert all margins and any remaining remnants of auto margins
  • [TW] Convert all borders
  • [TW] Convert all text-muted to gray-400
  • [TW] Convert all row/col to grids
  • [TW] Convert all custom background images to background utilities
  • [TW] Convert all min/max widths/heights and remove the spacings stylesheet
  • [TW] Convert alert to custom styling
  • [TW] Convert all shadows to drop shadows
  • [TW] Convert all user select references
  • [TW] Convert all containers to max-w-screen or container where suitable
  • [TW] Convert any remaining remnants of padding
  • [TW] Remove breakpoints.ts in lieu of using screens in our theme config
  • [TW] Remove 404 scss module and convert to classes in markup
  • [TW] Convert all background references
  • *More to be determined as we find more items to convert

Refer to our Figma as the source of truth.