Snapchat Brand Colors.
npm install @brandcolors/snapchatshell
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. |