CssTools icon indicating copy to clipboard operation
CssTools copied to clipboard

A Visual Studio extension

CSS Tools

Build status

Download this extension from the VS Marketplace or get the CI build.


Provides additional features to the CSS editor in Visual Studio.

See the change log for changes and road map.

Features

  • Color adornments
  • Image and font preview
  • Selector specificity tooltip
  • Drag 'n drop of font files
  • Darken/lighten hex colors
  • Vendor property synchronization
  • Media query Intellisense powered by Browser Link

Color adornments

All color types are supported, including the new CSS 3 formats.

Colors

Image and font preview

Font preview

Image preview

Darken/lighten hex colors

Place the caret on a hex color value and hit Ctrl+Shift+Up/Down to darken or lighten the color value.

The same can be done with any number value such as 1.2px to increase or decrease the value.

Vendor property synchronization

Vendor sync

Media query Intellisense

Media query type

Contribute

Check out the contribution guidelines if you want to contribute to this project.

For cloning and building this project yourself, make sure to install the Extensibility Tools 2015 extension for Visual Studio which enables some features used by this project.

License

Apache 2.0