{"id":14349763,"url":"https://github.com/farias-hecdin/CSSVarViewer","last_synced_at":"2025-08-21T00:33:03.673Z","repository":{"id":237756039,"uuid":"795185055","full_name":"farias-hecdin/CSSVarViewer","owner":"farias-hecdin","description":"📌 This plugin allows you to easily identify the value of a CSS variable from any other files.","archived":false,"fork":false,"pushed_at":"2024-09-12T00:09:47.000Z","size":14,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-09-12T10:00:06.560Z","etag":null,"topics":["lua","nvim-plugin"],"latest_commit_sha":null,"homepage":"","language":"Lua","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/farias-hecdin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-05-02T18:44:48.000Z","updated_at":"2024-09-12T00:09:50.000Z","dependencies_parsed_at":"2024-09-12T09:12:30.237Z","dependency_job_id":null,"html_url":"https://github.com/farias-hecdin/CSSVarViewer","commit_stats":null,"previous_names":["farias-hecdin/cssvarviewer"],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/farias-hecdin%2FCSSVarViewer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/farias-hecdin%2FCSSVarViewer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/farias-hecdin%2FCSSVarViewer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/farias-hecdin%2FCSSVarViewer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/farias-hecdin","download_url":"https://codeload.github.com/farias-hecdin/CSSVarViewer/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":230473889,"owners_count":18231706,"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":["lua","nvim-plugin"],"created_at":"2024-08-27T03:01:21.361Z","updated_at":"2024-12-19T17:30:27.422Z","avatar_url":"https://github.com/farias-hecdin.png","language":"Lua","readme":"\u003e Translate this file into your native language using `Google Translate` or a [similar service](https://immersivetranslate.com).\n\n# CSSVarViewer\n\nEste plugin para **Neovim** te permite identificar fácilmente el valor de las variables CSS que has definido previamente en tus archivos de estilo, como `main.css` o `style.css`. Cuando el plugin detecta una variable CSS en estos archivos, la muestra en un texto virtual, lo que facilita su visualización desde cualquier otro archivo.\n\n\u003e La idea de este plugin es que centralices tus variables CSS en un solo archivo, para tener un mejor control a la hora de editar tus estilos.\n\n## 🗒️ Requerimientos\n\n* [`Neovim`](https://github.com/neovim/neovim): Versión 0.7 o superior.\n\n### Instalación\n\nUsando [`folke/lazy.nvim`](https://github.com/folke/lazy.nvim):\n\n```lua\n{\n    'farias-hecdin/CSSVarViewer',\n    ft = \"css\",\n    config = true,\n    -- If you want to configure some options, replace the previous line with:\n    -- config = function()\n    -- end,\n}\n```\n\n## 🗒️ Configuración\n\nEstas son las opciones de configuración predeterminadas:\n\n```lua\nrequire('CSSVarViewer').setup({\n  parent_search_limit = 5,-- \u003cnumber\u003e Parent search limit (number of levels to search upwards).\n  filename_to_track = \"main\", -- \u003cstring\u003e Name of the file to track (e.g. \"main\" for main.css).\n  disable_keymaps = false, -- \u003cboolean\u003e Indicates whether keymaps are disabled.\n})\n```\n\n### Atajos de teclado\n\n| Comandos/API       | Modo     | Atajos de teclado | Descripción                         |\n| ---------------|----------|------------------ | ----------------------------------- |\n| `CSSVarViewer` `toggle()` | `Normal` | `\u003cleader\u003ecv`      | Activa el plugin |\n| `paste_value()` | `Visual` | `\u003cleader\u003ecv`      | Pega el texto virtual en el cursor |\n\n\u003e[!NOTE]\n\u003e Para actualizar los datos, debes guardar el archivo que contiene tus variables CSS.\n\nPuedes ampliar la búsqueda de archivos hacia un directorio específico o analizar otros archivos utilizando el comando `:CSSVarViewer`, cuya sintaxis es la misma que la utilizada en [`CSSVarHighlight`](https://github.com/farias-hecdin/CSSVarHighlight#comandos-y-atajos-de-teclado). Es decir:\n\n```sh\n:CSSVarViewer \u003cfilename\u003e \u003cattempt_limit OR directory\u003e\n```\n\nSi deseas pegar el valor del texto virtual, selecciona la variable CSS en modo visual (por ejemplo, `var(--primary-rgb)`) y luego presiona `\u003cleader\u003ecv` o utiliza el comando `:CSSVarViewer`.\n\n## 🛡️ Licencia\n\nCSSVarViewer está bajo la licencia MIT. Consulta el archivo `LICENSE` para obtener más información.\n","funding_links":[],"categories":["Programming Languages Support"],"sub_categories":["Web Development"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffarias-hecdin%2FCSSVarViewer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffarias-hecdin%2FCSSVarViewer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffarias-hecdin%2FCSSVarViewer/lists"}