CssTriggers

A VSCode extension which adds inline decoration to css properties to indicate their costs.

It looks like this:

Configuration properties

• csstriggers.showDecoration
  • A flag which indicates whether to show cost indicator decorations
• csstriggers.showDecorationInline
  • A flag which indicates whether to show cost indicator decorations inline
• csstriggers.showExtendedInformation
  • A flag which indicates whether to show extended information about the given css property
• csstriggers.showLegend
  • A flag which indicates whether to show the legend for a given css trigger
• csstriggers.defaultEngine
  • The default engine for which the decorations will be shown

Credits

The extension depends on css-triggers which was made by Paul and Surma

Contributions

• Add support for logical properties and values - by @ahmadalfy
• Improved UX and Windows support - by @hammster