CSScope

CSScope is a powerful VS Code extension that helps frontend developers detect CSS properties that are not fully supported across browsers. It provides real-time feedback about browser compatibility issues while you write CSS.

Features

• 🔍 Real-time CSS compatibility detection
• 🌐 Comprehensive browser support checking using caniuse-lite
• 🎯 Supports multiple CSS preprocessors:
  • CSS
  • SCSS
  • SASS
  • LESS
  • Stylus
• ⚡ Instant feedback as you type
• 📊 Detailed browser support information

Supported File Types

• .css
• .scss
• .sass
• .less
• .styl
• .stylus
• .pcss
• .postcss

Example

/* The extension will show warnings for properties with limited browser support */
backdrop-filter: blur(10px); /* Warning: Limited support in some browsers */
display: grid; /* No warning - well supported */

How It Works

CSScope analyzes your CSS in real-time and checks each property against the Caniuse database to determine browser compatibility. When it detects a property with limited browser support, it shows a warning in your editor.

Requirements

• VS Code version 1.80.0 or higher

Extension Settings

This extension contributes the following settings:

• No additional configuration required - it works out of the box!

Known Issues

• None at the moment

Release Notes

1.0.0

• Initial stable release
• Real-time CSS compatibility detection
• Support for multiple CSS preprocessors
• Comprehensive browser support checking

License

This project is licensed under the MIT License - see the LICENSE file for details.