{"id":20006836,"url":"https://github.com/raulghm/multi-brand-colors","last_synced_at":"2025-10-17T19:18:10.987Z","repository":{"id":14880223,"uuid":"17603788","full_name":"raulghm/multi-brand-colors","owner":"raulghm","description":"Multi Brand Colors with support for CSS/CSS-Vars/SCSS/SASS/Stylus/LESS/JSON","archived":false,"fork":false,"pushed_at":"2017-02-21T18:32:58.000Z","size":124,"stargazers_count":27,"open_issues_count":0,"forks_count":4,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-15T14:05:00.032Z","etag":null,"topics":["brand","color","colors","css","css-variables","json","less","multi-brand-colors","postcss","sass","scss","stylus","w3c"],"latest_commit_sha":null,"homepage":"https://github.com/raulghm/multi-brand-colors","language":"HTML","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/raulghm.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":"2014-03-10T18:32:32.000Z","updated_at":"2024-08-29T12:31:36.000Z","dependencies_parsed_at":"2022-08-31T04:10:22.085Z","dependency_job_id":null,"html_url":"https://github.com/raulghm/multi-brand-colors","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raulghm%2Fmulti-brand-colors","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raulghm%2Fmulti-brand-colors/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raulghm%2Fmulti-brand-colors/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raulghm%2Fmulti-brand-colors/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/raulghm","download_url":"https://codeload.github.com/raulghm/multi-brand-colors/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252382703,"owners_count":21739206,"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":["brand","color","colors","css","css-variables","json","less","multi-brand-colors","postcss","sass","scss","stylus","w3c"],"created_at":"2024-11-13T06:13:52.678Z","updated_at":"2025-10-17T19:18:10.844Z","avatar_url":"https://github.com/raulghm.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"Multi Brand Colors\n===================\n\n\u003cp align=\"left\"\u003e\n  \u003ca href=\"https://www.npmjs.com/package/multi-brand-colors\"\u003e\u003cimg src=\"https://img.shields.io/npm/v/multi-brand-colors.svg?style=flat-square\"\u003e\u003c/a\u003e\n  \u003ca href=\"http://bower.io/search/?q=multi-brand-colors\"\u003e\u003cimg src=\"https://img.shields.io/bower/v/multi-brand-colors.svg?style=flat-square\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/raulghm/multi-brand-colors/stargazers\"\u003e\u003cimg src=\"http://img.shields.io/npm/dm/multi-brand-colors.svg?style=flat-square\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\n\u003e Multi Brand Colors with support for CSS/CSS-Vars/SCSS/SASS/Stylus/LESS/JSON\n\n#### Bower support\n```\nbower install --save multi-brand-colors\n```\n\n#### NPM support\n```\nnpm install --save multi-brand-colors\n```\n\n## How use\n\n### CSS\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml lang=\"en\"\u003e\n\u003chead\u003e\n\t\u003cmeta charset=\"UTF-8\"\u003e\n\t\u003ctitle\u003eDocument\u003c/title\u003e\n  \u003clink rel=\"stylesheet\" href=\"bower_components/multi-brand-colors/dist/css/index.css\"\u003e\n  \u003c!-- min version --\u003e\n  \u003clink rel=\"stylesheet\" href=\"bower_components/multi-brand-colors/dist/css/index.min.css\"\u003e\n\u003c/head\u003e\n\t\u003cbody\u003e\n\t  \u003cspan class=\"mbc-twitter\"\u003eLorem ipsum dolor.\u003c/span\u003e\n\t  \u003cdiv class=\"mbc-twitter-bg\"\u003eLorem ipsum dolor.\u003c/div\u003e\n\t\u003c/body\u003e\n\u003c/html\u003e\n```\n\n### W3C CSS Variables\nAbout CSS Variables:\n[www.w3.org/TR/css-variables](http://www.w3.org/TR/css-variables/)\n\nHow use with PostCSS:\n[github.com/postcss/postcss-custom-properties](https://github.com/postcss/postcss-custom-properties)\n```css\n@import 'bower_components/multi-brand-colors/dist/css-vars/index.css';\n// or\n@import 'multi-brand-colors';\n\n.div {\n  color: var(--mbc-twitter);\n}\n```\n\n### SCSS\n```scss\n@import 'bower_components/multi-brand-colors/dist/scss/index.scss';\n\n.div {\n  color: $mbc-twitter;\n}\n```\n\n### SASS\n```sass\n@import 'bower_components/multi-brand-colors/dist/sass/index.sass'\n\n.div {\n  color: $mbc-twitter\n}\n```\n\n### LESS\n```less\n@import 'bower_components/multi-brand-colors/dist/less/index.less';\n\n.div {\n  color: @mbc-twitter;\n}\n```\n\n### Stylus\n```styl\n@import bower_components/multi-brand-colors/dist/stylus/index.styl\n\n.div\n  color $mbc-twitter\n```\n\n### JSON\n```javascript\n// simple example\nvar json = require('./dist/json/index.json');\n\nconsole.log(json);\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraulghm%2Fmulti-brand-colors","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fraulghm%2Fmulti-brand-colors","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraulghm%2Fmulti-brand-colors/lists"}