https://github.com/kisstkondoros/csstriggers

https://github.com/kisstkondoros/csstriggers

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/kisstkondoros/csstriggers
• Owner: kisstkondoros
• License: apache-2.0
• Created: 2016-09-08T19:19:50.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2024-05-03T20:29:38.000Z (6 months ago)
• Last Synced: 2024-05-03T21:38:21.172Z (6 months ago)
• Language: TypeScript
• Size: 286 KB
• Stars: 72
• Watchers: 2
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# CssTriggers

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

## It looks like this:

![Example code with references code lens](https://raw.githubusercontent.com/kisstkondoros/csstriggers/master/screenshot.png)

## 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](https://csstriggers.com/) which was made by [Paul](https://twitter.com/aerotwist) and [Surma](https://twitter.com/DasSurma)

## Contributions

- Add support for logical properties and values - by @ahmadalfy

- Improved UX and Windows support - by @hammster