allw's avatar
Level 4

How to add different variant shades to bootstrap vue without having to manually type out every single one?

I am looking for a way to add variants and shades of these variants Bootstrap Vue without having to explicitly type out every single one...

Currently I am just using _variables.scss that is provided and adding new entries (like below), but the bootstrap documentation mentions being able to use loops to for a limited number of elements and only then on "theme-colors".

$chemistry: #DB3A34 !default;
$biology: #306B34 !default;
$physics: #1B4965 !default;

Is there a way to just provide the colours then for all of these colours it would provide an option for using [variant]-light or [variant]-dark etc?

0 likes
1 reply

Please or to participate in this conversation.