Aspect Ratio Calculator

A lightweight Visual Studio Code extension that simplifies aspect ratios for Tailwind CSS classes.

Features

• Hover over any aspect ratio class to see its simplified form
• Works with HTML, CSS, JavaScript, and TypeScript files
• Zero configuration required

Usage

Simply hover over any Tailwind CSS aspect ratio class to see its simplified form:

Examples

Common aspect ratios will be simplified:

• aspect-[1920/1080] → aspect-[16/9]
• aspect-[3840/2160] → aspect-[16/9]
• aspect-[835/670] → aspect-[167/134]
• aspect-[1280/720] → aspect-[16/9]

Requirements

• Visual Studio Code 1.80.0 or higher
• Files using Tailwind CSS aspect ratio classes

Installation

1. Open VS Code
2. Press Cmd+Shift+X (Mac) or Ctrl+Shift+X (Windows/Linux)
3. Search for "Aspect Ratio Calculator"
4. Click Install

License

MIT License - See LICENSE file for details