{"id":17781687,"url":"https://github.com/walkaisa/css-unit-guide","last_synced_at":"2026-04-13T20:31:58.573Z","repository":{"id":259488842,"uuid":"878020272","full_name":"Walkaisa/css-unit-guide","owner":"Walkaisa","description":"A Visual Studio Code extension that displays the pixel equivalent of CSS units like rem next to them in your code.","archived":false,"fork":false,"pushed_at":"2024-11-24T20:27:36.000Z","size":101,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-07T13:15:28.009Z","etag":null,"topics":["css","vscode","vscode-extension"],"latest_commit_sha":null,"homepage":"https://walkaisa.dev","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Walkaisa.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-10-24T16:29:13.000Z","updated_at":"2024-11-24T20:27:39.000Z","dependencies_parsed_at":"2024-10-26T07:12:53.177Z","dependency_job_id":null,"html_url":"https://github.com/Walkaisa/css-unit-guide","commit_stats":null,"previous_names":["walkaisa/css-unit-guide"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Walkaisa%2Fcss-unit-guide","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Walkaisa%2Fcss-unit-guide/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Walkaisa%2Fcss-unit-guide/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Walkaisa%2Fcss-unit-guide/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Walkaisa","download_url":"https://codeload.github.com/Walkaisa/css-unit-guide/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246706081,"owners_count":20820784,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","vscode","vscode-extension"],"created_at":"2024-10-27T04:04:14.787Z","updated_at":"2026-04-13T20:31:58.512Z","avatar_url":"https://github.com/Walkaisa.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003c!-- # CSS Unit Guide\n\n[![Status](https://img.shields.io/badge/status-Not_Released-e44d3c.svg)](https://github.com/Walkaisa/css-unit-guide)\n[![License](https://img.shields.io/github/license/Walkaisa/css-unit-guide)](https://github.com/Walkaisa/css-unit-guide/blob/master/LICENSE.txt)\n[![Release](https://img.shields.io/github/v/release/Walkaisa/css-unit-guide.svg)](https://github.com/Walkaisa/css-unit-guide/releases/latest)\n[![Downloads](https://img.shields.io/github/downloads/Walkaisa/css-unit-guide/total.svg)](https://github.com/Walkaisa/css-unit-guide)\n[![Discord](https://img.shields.io/discord/996889527698341978?label=discord)](https://walkaisa.dev/discord) --\u003e\n\n\u003cdiv align=\"center\"\u003e\n\n[\u003cimg width=\"256\" alt=\"CSS Unit Guide Logo\" src=\"assets/icon.png\" /\u003e](#)\n\n\u003cbr /\u003e\n\n[![Status](https://img.shields.io/badge/status-RELEASED-2ecc6e.svg)](https://github.com/Walkaisa/css-unit-guide)\n[![License](https://img.shields.io/github/license/Walkaisa/css-unit-guide)](https://github.com/Walkaisa/css-unit-guide/blob/master/LICENSE.txt)\n[![Discord](https://img.shields.io/discord/996889527698341978?label=discord)](https://walkaisa.dev/discord)\n\n\u003c/div\u003e\n\n\u003cbr /\u003e\n\n# CSS Unit Guide\n\nA Visual Studio Code extension that displays the pixel equivalent of CSS units like `rem` next to them in your code.\n\n\u003e Remember to 🌟 this repository if you find it useful!\n\n## 📌 Features\n\n- **Automatic Conversion:** Shows pixel equivalents next to `rem` units.\n- **Multiple File Types:** Supports CSS, SCSS, and LESS files.\n- **Customizable Base Font Size:** Adjust the base font size to match your project's requirements.\n- **Real-Time Updates:** Automatically updates as you type or edit your code.\n- **Lightweight and Efficient:** Minimal performance impact on your editor.\n\n## 👀 Preview\n\n![CSS Unit Guide in action](assets/images/preview.png)\n\n## 📥 Installation\n\nSince this is a private extension, you can install it manually:\n\n1. **Clone or Download** the repository from [GitHub](https://github.com/Walkaisa/css-unit-guide).\n2. **Build the Extension**:\n   - Open a terminal in the extension's root directory.\n   - Run `npm install` to install dependencies.\n   - Run `npm run package` to build the extension package.\n   - This will generate a `.vsix` file in the project directory.\n3. **Install the Extension in VS Code**:\n   - Open VS Code.\n   - Go to the Extensions view (`Ctrl+Shift+X` or `Cmd+Shift+X`).\n   - Click on the three dots (`...`) in the upper-right corner.\n   - Select **\"Install from VSIX...\"**.\n   - Locate and select the generated `.vsix` file.\n\n## 💡 Usage\n\nSimply open a CSS, SCSS, or LESS file and start typing values using \"rem\". The extension will automatically display the corresponding pixel values next to them.\n\n\n## 👨‍💻 Contributing\n\nContributions are welcome! Please follow these steps:\n\n1. **Fork** the repository.\n2. **Create** a new branch for your feature or bug fix.\n3. **Commit** your changes with clear messages.\n4. **Push** to your forked repository.\n5. **Submit** a pull request to the main branch.\n\nFor major changes, please open an issue first to discuss what you'd like to change.\n\n## 📝 Changelog\n\nAll changes and version history can be found in the [CHANGELOG](CHANGELOG.md).\n\n## 📄 License\n\nThis project is licensed under the [MIT License](LICENSE.txt).\n\n[vsmp-link]:                https://marketplace.visualstudio.com/items?itemName=LeonardSSH.vscord\n[ovsx-link]:                https://open-vsx.org/extension/LeonardSSH/vscord\n\n[shield-vsmp-version]:      https://img.shields.io/visual-studio-marketplace/v/LeonardSSH.vscord?label=Visual%20Studio%20Marketplace\n[shield-vsmp-downloads]:    https://img.shields.io/visual-studio-marketplace/d/LeonardSSH.vscord\n[shield-vsmp-installs]:     https://img.shields.io/visual-studio-marketplace/i/LeonardSSH.vscord\n[shield-vsmp-rating]:       https://img.shields.io/visual-studio-marketplace/r/LeonardSSH.vscord\n\n[shield-ovsx-version]:      https://img.shields.io/open-vsx/v/LeonardSSH/vscord?label=OpenVSX%20Marketplace\n[shield-ovsx-downloads]:    https://img.shields.io/open-vsx/dt/LeonardSSH/vscord\n[shield-ovsx-rating]:       https://img.shields.io/open-vsx/rating/LeonardSSH/vscord\n\n[github-workflows-ci]:      https://github.com/leonardssh/vscord/actions/workflows/CI.yml\n[shield-workflows-ci]:      https://github.com/leonardssh/vscord/actions/workflows/CI.yml/badge.svg\n\n[github-workflows-cd]:      https://github.com/leonardssh/vscord/actions/workflows/CD.yml\n[shield-workflows-cd]:      https://github.com/leonardssh/vscord/actions/workflows/CD.yml/badge.svg\n\n[gitter-vscord-support]:    https://gitter.im/LeonardSSH/vscord-support?utm_source=badge\u0026utm_medium=badge\u0026utm_campaign=pr-badge\n[shield-gitter-support]:    https://img.shields.io/badge/gitter-support%20chat-green?color=40aa8b\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwalkaisa%2Fcss-unit-guide","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwalkaisa%2Fcss-unit-guide","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwalkaisa%2Fcss-unit-guide/lists"}