Skip to content

Replace Tailwind CSS with standard modern CSS

KBach requested to merge feature/ui-improvements into develop
  • Remove Tailwind CSS classes from template files
  • Remove Tailwind CSS configuration files and customizations
  • Introduce standard CSS code to manage style, incl. breakpoints. Introduce Atkinson Hyperlegible as the main typeface, with default sans serif fonts as fallback.
  • Verify in multiple browsers
  • Test accessibility
  • Fix tests
  • Add licenses and credits

Rationale for removing Tailwind CSS

Tailwind CSS allowed us to quickly style the website at the beginning but requires additional tools in development and during build, as well as familiarity with custom syntax. That syntax clutters our Clojure source files, making them more difficult to parse.

Removing Tailwind CSS and using modern CSS directly allows us to rely on common and standard technologies, simplify the build process and local development, and makes source files easier to read.

Rationale for including Atkinson Hyperlegible

Atkinson Hyperlegible is a typeface designed the Braille Institute of America to be legible for readers who are partially visually impaired. We can load it through FontCDN on Toolforge. Standard sans-serif fonts are still used as fallback in case Atkinson Hyperlegible does not load. Using this typeface does not carry any downsides while making our content more accessible, hence the proposal to include it.

Edited by KBach

Merge request reports