{"id":21835802,"url":"https://github.com/vtex/tachyons-generator","last_synced_at":"2025-04-14T09:15:17.527Z","repository":{"id":28920724,"uuid":"117258677","full_name":"vtex/tachyons-generator","owner":"vtex","description":"Generate a custom Tachyons build from a json configuration","archived":false,"fork":false,"pushed_at":"2023-07-12T00:12:57.000Z","size":2605,"stargazers_count":6,"open_issues_count":30,"forks_count":2,"subscribers_count":136,"default_branch":"master","last_synced_at":"2025-04-14T09:14:48.495Z","etag":null,"topics":["srv-store-framework","xp-developer"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/vtex.png","metadata":{"files":{"readme":"readme.md","changelog":"CHANGELOG.md","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":"2018-01-12T15:43:00.000Z","updated_at":"2022-10-11T03:49:28.000Z","dependencies_parsed_at":"2024-11-27T20:36:53.120Z","dependency_job_id":null,"html_url":"https://github.com/vtex/tachyons-generator","commit_stats":null,"previous_names":[],"tags_count":50,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vtex%2Ftachyons-generator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vtex%2Ftachyons-generator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vtex%2Ftachyons-generator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vtex%2Ftachyons-generator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vtex","download_url":"https://codeload.github.com/vtex/tachyons-generator/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248852184,"owners_count":21171842,"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":["srv-store-framework","xp-developer"],"created_at":"2024-11-27T20:24:50.292Z","updated_at":"2025-04-14T09:15:17.499Z","avatar_url":"https://github.com/vtex.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# @vtex/tachyons-generator\n\nGenerate a custom VTEX Tachyons build with a json configuration.\n\nOriginally forked from [tachyons-generator](https://github.com/tachyons-css/generator).\n\n## Installation\n\n```bash\nnpm i -S @vtex/tachyons-generator\n```\n\n## Usage\nThis will generate an index.html file with the generated style guide as well as a static css file.\n\n```javascript\nconst fs = require('fs')\n\nconst tachyonsGenerator = require('@vtex/tachyons-generator')\nconst config = require('./config.json')\n\nconst generate = async () =\u003e {\n  const tachy = tachyonsGenerator(config)\n\n  // Minify CSS\n  const out1 = await tachy.generate({ minify: true })\n  fs.writeFileSync('tachyons.min.css', out1)\n\n  // Keep colors as CSS variables\n  const out2 = await tachy.generate({ compileVars: false })\n  fs.writeFileSync('tachyons-with-vars.css', out2)\n\n  // Create stylesheet for devices of type \"large\" only\n  const out3 = await tachy.generate({ stylesheetType: 'large' })\n  fs.writeFileSync('tachyons-large.css', out3)\n\n  // Generate docs website\n  const docs = await tachy.docs()\n  fs.writeFileSync('index.html', docs)\n}\n\ngenerate()\n```\n\n#### Example config\n\nCheck [config.js](/config.js)\n\n#### Optional configurations\n\n#### `namespace`\n\nYou can pass a `namespace` property to namespace the CSS generated (including the normalize module).\n\nExample:\n\n```json\n \"namespace\": \"my-namespace\",\n```\n\nWill generate the following CSS:\n\n```css\n.my-namespace .bg-black { background-color: #000; }\n```\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvtex%2Ftachyons-generator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvtex%2Ftachyons-generator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvtex%2Ftachyons-generator/lists"}