GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → raulghm → multi-brand-colors

raulghm / multi-brand-colors

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

Programming Languages

HTML
75241 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Labels

csssasslesscolorjsonbrandpostcssw3ccolorsscsscss-variablesmulti-brand-colors

Projects that are alternatives of or similar to multi-brand-colors

React Native Css Modules
Style React Native components using CSS, PostCSS, Sass, Less or Stylus.
Stars: ✭ 207 (+696.15%)
Mutual labels:  less, postcss, css-variables
Prejss
Get the power of PostCSS with plugins in your JSS styles. 🎨 Just put CSS into JS and get it as JSS object.
Stars: ✭ 238 (+815.38%)
Mutual labels:  less, postcss
Kit
ReactQL starter kit (use the CLI)
Stars: ✭ 232 (+792.31%)
Mutual labels:  less, postcss
fylgja
The modular highly customisable CSS framework. Powered by CSS Components, Utilities and Props for building your Web UI.
Stars: ✭ 65 (+150%)
Mutual labels:  postcss, css-variables
Reactql
Universal React+GraphQL starter kit: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL Code Generator, React Router 4, PostCSS, SSR
Stars: ✭ 1,833 (+6950%)
Mutual labels:  less, postcss
Webpack Encore
A simple but powerful API for processing & compiling assets built around Webpack
Stars: ✭ 1,975 (+7496.15%)
Mutual labels:  less, postcss
slick
Vim/Neovim Colortheme–Truecolor, Stunning, Complete
Stars: ✭ 15 (-42.31%)
Mutual labels:  color, colors
Postcss Less
PostCSS Syntax for parsing LESS
Stars: ✭ 93 (+257.69%)
Mutual labels:  less, postcss
UIImageColorRatio
A tool to calculate the color ratio of UIImage in iOS.
Stars: ✭ 34 (+30.77%)
Mutual labels:  color, colors
colors
A gorgeous, accessible color system.
Stars: ✭ 748 (+2776.92%)
Mutual labels:  color, colors
Giotto
Theme manager for your app: apply styles to anything you want through a plist file
Stars: ✭ 18 (-30.77%)
Mutual labels:  color, colors
Static Site Boilerplate
A better workflow for building modern static websites.
Stars: ✭ 1,633 (+6180.77%)
Mutual labels:  less, postcss
Rollup Plugin Styles
🎨 Universal Rollup plugin for styles: PostCSS, Sass, Less, Stylus and more.
Stars: ✭ 116 (+346.15%)
Mutual labels:  less, postcss
godlike.css
CSS for layout standardization and usability of web applications
Stars: ✭ 12 (-53.85%)
Mutual labels:  less, postcss
Webpack4.x
webpack4.x详细配置步骤
Stars: ✭ 103 (+296.15%)
Mutual labels:  less, postcss
Reset Css
An unmodified* copy of Eric Meyer's CSS reset. PostCSS, webpack, Sass, and Less friendly.
Stars: ✭ 244 (+838.46%)
Mutual labels:  less, postcss
Stylelint
A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.
Stars: ✭ 9,350 (+35861.54%)
Mutual labels:  less, postcss
Cessie
Transpile your CSS bundle to support CSS variables, calc, and future CSS for legacy browsers.
Stars: ✭ 81 (+211.54%)
Mutual labels:  less, postcss
strapless
Strapless is a color-changing CSS boilerplate for HTML elements, and a powerful LessCSS library for colors and patterns.
Stars: ✭ 27 (+3.85%)
Mutual labels:  less, color
jsoncolor
Colorized JSON output for Go
Stars: ✭ 27 (+3.85%)
Mutual labels:  color, colors
View All Similar Projects ➔

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);
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].