FLUID-5915: Review and optimize CSS used across Infusion

Metadata

Source
FLUID-5915
Type
Improvement
Priority
Critical
Status
Open
Resolution
N/A
Assignee
N/A
Reporter
Justin Obara
Created
2016-06-10T07:56:10.032-0400
Updated
2021-07-29T01:46:23.502-0400
Versions
N/A
Fixed Versions
  1. 5.0
Component
  1. Build Scripts
  2. Framework
  3. Prefs Framework

Description

We should take the opportunity before the Infusion 2.0 release to review and optimize the CSS used throughout infusion. Here are some examples for things to look at / improve:

  • unused styles
  • excessive specificity
  • use of !important
  • unnecessary overrides ( simplify overall styling rules )
  • make use of stylus
  • concatenate and minify css ( use source maps )
  • css linting

see CSS Purge and CSS Stats for inspiration.

Comments

  • Justin Obara commented 2017-04-24T15:50:43.572-0400

    https://github.com/giakki/uncss can be used to remove unused CSS. Although it won't work for the styles applied via the prefs framework, because they are only in use when enabled.