{"id":16318543,"url":"https://github.com/vic/prefix-css","last_synced_at":"2025-03-22T21:31:48.355Z","repository":{"id":3585069,"uuid":"4648285","full_name":"vic/prefix-css","owner":"vic","description":"Prefix all rules from a css-file with a namespace selector.","archived":false,"fork":false,"pushed_at":"2013-12-20T21:28:04.000Z","size":660,"stargazers_count":23,"open_issues_count":2,"forks_count":4,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-18T15:02:16.272Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://vic.github.com/prefix-css","language":"CoffeeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vic.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2012-06-13T08:03:00.000Z","updated_at":"2023-06-14T20:56:07.000Z","dependencies_parsed_at":"2022-08-20T14:50:56.200Z","dependency_job_id":null,"html_url":"https://github.com/vic/prefix-css","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vic%2Fprefix-css","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vic%2Fprefix-css/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vic%2Fprefix-css/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vic%2Fprefix-css/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vic","download_url":"https://codeload.github.com/vic/prefix-css/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245022633,"owners_count":20548569,"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":[],"created_at":"2024-10-10T22:23:52.320Z","updated_at":"2025-03-22T21:31:48.060Z","avatar_url":"https://github.com/vic.png","language":"CoffeeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# prefix-css\n\nA tool for prefixing all rules from css-files with some selector.\n\n[DEMO](http://vic.github.com/prefix-css)\n\n### Installation\n\n`npm install -g prefix-css`\n\n### Why?\n\nWell, sometimes you find that you'd like all rules from a css-file to apply but only while scoped under a specific selector.\n\nie, we all love using [Twitter Bootstrap](http://twitter.github.com/bootstrap/), imagine you could easily combine themes from [BootSwatch](http://bootswatch.com/) on a single page by having each theme prefixed by a css selector.  \n\n## Use case\n\nsuppose, for example that you're happily using the [cyborg theme](http://bootswatch.com/cyborg/), but for some particular portion you want to apply the colors from the [slate theme](http://bootswatch.com/slate/). \n\nif you downloaded both themes as `cyborg.min.css` and `slate.min.css`, you could use `prefix-css` to \n namespace each theme under a css-selector:\n\n```shell\n$ prefix-css .cyborg cyborg.min.css \u003e cyborg.prefixed.min.css\n$ prefix-css .slate  slate.min.css  \u003e slate.prefixed.min.css\n```\n\n```html\n\u003cdiv class='cyborg'\u003e\n  \u003ca href='#' class=\"btn btn-primary\"\u003eA Cyborg Button\u003c/a\u003e\n\u003c/div\u003e\n\n\u003cdiv class='slate'\u003e\n  \u003ca href='#' class=\"btn btn-primary\"\u003eAn Slate Button\u003c/a\u003e\n\u003c/div\u003e\n```\n\n[see it in action](http://vic.github.com/prefix-css)\n\n\n## Links\n\n [Bootswatchr](http://bootswatchr.com/) Generate your own Bootstrap themes.\n \n [Bootswatch](http://bootswatch.com/) Some free Bootstrap themes.\n \n [Bootstrap](http://twitter.github.com/bootstrap) Twitter Bootstrap\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvic%2Fprefix-css","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvic%2Fprefix-css","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvic%2Fprefix-css/lists"}