@brandcolors/youtube v1.7.0

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: #FF0000;
    color: youtube.$primary-rgb;
    // color: rgb(255, 0, 0);
}

Custom Properties

@use "@brandcolors/youtube";

:root {
    @include youtube.custom-properties(primary);
    // --bc-youtube-primary: #FF0000;
    @include youtube.custom-properties(primary-rgb);
    // --bc-youtube-primary-rgb: rgb(255, 0, 0);
}

API

Variables

Mixins