Skip to content
Multi Brand Colors with support for CSS/CSS-Vars/SCSS/SASS/Stylus/LESS/JSON
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist
src
test
.editorconfig
.gitignore
README.md
bower.json
gulpfile.js
index.css
index.js
list.md
package.json
yarn.lock

README.md

Multi Brand Colors

Multi Brand Colors with support for CSS/CSS-Vars/SCSS/SASS/Stylus/LESS/JSON

Bower support

bower install --save multi-brand-colors

NPM support

npm install --save multi-brand-colors

How use

CSS

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
  <link rel="stylesheet" href="bower_components/multi-brand-colors/dist/css/index.css">
  <!-- min version -->
  <link rel="stylesheet" href="bower_components/multi-brand-colors/dist/css/index.min.css">
</head>
	<body>
	  <span class="mbc-twitter">Lorem ipsum dolor.</span>
	  <div class="mbc-twitter-bg">Lorem ipsum dolor.</div>
	</body>
</html>

W3C CSS Variables

About CSS Variables: www.w3.org/TR/css-variables

How use with PostCSS: github.com/postcss/postcss-custom-properties

@import 'bower_components/multi-brand-colors/dist/css-vars/index.css';
// or
@import 'multi-brand-colors';

.div {
  color: var(--mbc-twitter);
}

SCSS

@import 'bower_components/multi-brand-colors/dist/scss/index.scss';

.div {
  color: $mbc-twitter;
}

SASS

@import 'bower_components/multi-brand-colors/dist/sass/index.sass'

.div {
  color: $mbc-twitter
}

LESS

@import 'bower_components/multi-brand-colors/dist/less/index.less';

.div {
  color: @mbc-twitter;
}

Stylus

@import bower_components/multi-brand-colors/dist/stylus/index.styl

.div
  color $mbc-twitter

JSON

// simple example
var json = require('./dist/json/index.json');

console.log(json);
You can’t perform that action at this time.