1.7.0 • Published 2 years ago
@brandcolors/linkedin v1.7.0
Introduction
LinkedIn Brand Colors.
Installation
npm install @brandcolors/linkedin
Usage
Styles
@use "@brandcolors/linkedin/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/linkedin";
.foo {
color: linkedin.$primary;
// color: #1da1f2;
color: linkedin.$primary-rgb;
// color: rgb(29, 161, 242);
}
Custom Properties
@use "@brandcolors/linkedin";
:root {
@include linkedin.custom-properties(primary);
// --bc-linkedin-primary: #1da1f2;
@include linkedin.custom-properties(primary-rgb);
// --bc-linkedin-primary-rgb: rgb(29, 161, 242);
}
API
Variables
Variable | Value |
---|---|
$primary | Return hex value color. |
$primary-rgb | Return rgb color. |
Mixins
Mixin | Description |
---|---|
custom-properties($values...) | Create dedicated custom property. If the $values is empty, the mixin will create all styles by default. |