@brandcolors/snapchat


Introduction

Snapchat Brand Colors.

Installation

``shell
npm install @brandcolors/snapchat
`

Usage

$3

`scss
@use "@brandcolors/snapchat/styles";
`



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

Theming

`scss
@use "@brandcolors/snapchat";

.foo {
color: snapchat.$primary;
// color: #fffc00;
color: snapchat.$primary-rgb;
// color: rgb(255, 252, 0);
}
`

$3

`scss
@use "@brandcolors/snapchat";

:root {
@include snapchat.custom-properties(primary);
// --bc-snapchat-primary: #fffc00;
@include snapchat.custom-properties(primary-rgb);
// --bc-snapchat-primary-rgb: rgb(255, 252, 0);
}
`

API

$3

| Variable | Value |
| --- | --- |
| $primary | Return hex value color. |
| $primary-rgb | Return rgb color. |

$3

| Mixin | Description |
| --- | --- |
| custom-properties($values...) | Create dedicated custom property. If the $values` is empty, the mixin will create all styles by default. |