
Introduction
YouTube Brand Colors.
Installation
npm install @brandcolors/youtube
Usage
Styles
@use "@brandcolors/youtube/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
@use "@brandcolors/youtube";
.foo {
color: youtube.$primary;
color: youtube.$primary-rgb;
}
Custom Properties
@use "@brandcolors/youtube";
:root {
@include youtube.custom-properties(primary);
@include youtube.custom-properties(primary-rgb);
}
API
Variables
$primary | Return hex value color. |
$primary-rgb | Return rgb color. |
Mixins
custom-properties($values...) | Create dedicated custom property. If the $values is empty, the mixin will create all styles by default. |