@brandcolors/facebook

Introduction

Facebook Brand Colors.

Installation

npm install @brandcolors/facebook

Usage

Styles

The styles will create custom properties in :root {...}. If you want this custom properties anywhere else, use the public mixin custom-properties.

@use "@brandcolors/facebook/styles";

Theming

@use "@brandcolors/facebook";

.foo {
    color: facebook.$primary;
    // color: #1877f2;
    color: facebook.$primary-rgb;
    // color: rgb(24, 119, 242);
}

API

Variables

Variable	Value
$primary	Return #....
$primary-rgb	Return rgb(...).

Mixins

Mixin	Description
custom-properties	Create custom property for each variables register. Ex. --bc-facebook-primary: #1877f2