Sass Deprecation Warnings

[rfultz]

Summary

• Resolves Sass Stylesheet Deprecation Warnings #6387

Addressing Sass deprecation and, while adjusting everything, added some Sass formatting

Required reviewers

• front-end
• anyone who'd like to scour for visual changes

Impacted areas of the application

The entire front-end, but most changes came hit mixins and seemed to mostly fall on

• column widths and offsets (like 2 columns, -1)
• icons, especially on buttons
• this is not a complete list—there were nearly 200 files changed

Screenshots

Should be zero visual changes

No longer getting screen after screen of deprecation warnings!

Related PRs

None

How to test

• Pull the branch
• npm i
• npm run build
• ./manage.py runserver
• Check every part of every type of page across every width. There should be zero visual differences.
• Pages/templates I've reviewed across widths, which I'd like to have others try to break
  • Homepage
  • About - FEC
  • About - Leadership
  • About - Org chart (Names and titles could be outdated but style should be right)
  • Contact analyst
  • Contact
  • Data landing
  • Data - browse
  • Data - election search
  • Data - elections - House
  • Data - elections - President
  • Data - presidential map
  • Data - raising by the numbers
  • Data - receipts / datatables
  • H4CC
  • Legal - admin fines calculator
  • OIG
  • Search
• Other unique types—or areas—of pages
  • Others I've forgotten
  • Others?
  • More?

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 79.91%. Comparing base (8a7a79d) to head (3dc303c).

Additional details and impacted files

@@           Coverage Diff            @@
##           develop    #6422   +/-   ##
========================================
  Coverage    79.91%   79.91%           
========================================
  Files          235      235           
  Lines         5147     5147           
========================================
  Hits          4113     4113           
  Misses        1034     1034           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.