{"id":24813754,"url":"https://github.com/ahmedd-mahmoud/css-variable-hover","last_synced_at":"2025-06-10T19:38:54.953Z","repository":{"id":274169779,"uuid":"918774468","full_name":"ahmedd-mahmoud/css-variable-hover","owner":"ahmedd-mahmoud","description":"CSS Variable Hover is a Visual Studio Code extension that provides hover information for CSS variables and Tailwind CSS custom classes. It helps you quickly see the values of CSS variables and their sources directly in your code.","archived":false,"fork":false,"pushed_at":"2025-02-25T19:57:12.000Z","size":530,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-25T20:37:10.476Z","etag":null,"topics":["css","css-variables","hover","tailwindcss","vscode","vscode-extension"],"latest_commit_sha":null,"homepage":"","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/ahmedd-mahmoud.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE.md","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":"2025-01-18T20:22:45.000Z","updated_at":"2025-02-25T19:57:15.000Z","dependencies_parsed_at":null,"dependency_job_id":"741279ec-6b23-4c67-80b1-a2ec4d7f9439","html_url":"https://github.com/ahmedd-mahmoud/css-variable-hover","commit_stats":null,"previous_names":["ahmedd-mahmoud/css-variable-hover"],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ahmedd-mahmoud%2Fcss-variable-hover","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ahmedd-mahmoud%2Fcss-variable-hover/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ahmedd-mahmoud%2Fcss-variable-hover/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ahmedd-mahmoud%2Fcss-variable-hover/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ahmedd-mahmoud","download_url":"https://codeload.github.com/ahmedd-mahmoud/css-variable-hover/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245517698,"owners_count":20628393,"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","css-variables","hover","tailwindcss","vscode","vscode-extension"],"created_at":"2025-01-30T15:52:02.018Z","updated_at":"2025-03-25T18:23:47.451Z","avatar_url":"https://github.com/ahmedd-mahmoud.png","language":"TypeScript","readme":"\u003cp align=\"center\"\u003e\n    \u003cimg src=\"logo.png\" alt=\"logo\"\u003e\n\u003c/p\u003e\n\n# CSS Variable Hover\n\nCSS Variable Hover is a Visual Studio Code extension that provides hover information for CSS variables and Tailwind CSS custom classes. It helps you quickly see the values of CSS variables and their sources directly in your code.\n\n## Features\n\n- Supports CSS, SCSS, JavaScript, TypeScript, React, Vue, and HTML files\n- Hover over CSS variables to see their values and source files.\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"images/readme_img1.gif\" alt=\"readme_img\"\u003e\n\u003c/p\u003e\n\n- Hover over Tailwind CSS custom classes to see the corresponding CSS variable values.\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"images/readme_img2.gif\" alt=\"readme_img\"\u003e\n\u003c/p\u003e\n\n- Support multiple variables definitions\n- Supports variables defined in media queries\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"images/readme_img4.gif\" alt=\"readme_img\"\u003e\n\u003c/p\u003e\n\n- Automatically watches CSS, SCSS, and Tailwind configuration files for changes with option to refresh variables manually.\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"images/readme_img5.png\" alt=\"readme_img\"\u003e\n\u003c/p\u003e\n\n- Allows adding additional files to watch for CSS variables.\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"images/readme_img6.png\" alt=\"readme_img\"\u003e\n\u003c/p\u003e\n\n## Extension Settings\n\nThis extension contributes the following settings:\n\n- `cssVarHover.enabled`: Enable/disable CSS variable value hover.\n- `cssVarHover.watchedFiles`: Additional files to watch for CSS variables.\n\n## Requirements\n\nNo additional requirements or dependencies are needed for this extension.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fahmedd-mahmoud%2Fcss-variable-hover","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fahmedd-mahmoud%2Fcss-variable-hover","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fahmedd-mahmoud%2Fcss-variable-hover/lists"}