Naming color variables in the partials folder

[levosins]

A helpful trick for creating names for color variables in SCSS:

1. I go to: http://name-of-color.com/
2. I paste the color's hexcode into the 'Your Color' text input
3. I copy the color name it generates at the top and I use this for the color's variable name.

This really helped me when I had lots of various shades of grey etc. Below is an example of a list of variable names that were generated for me, along with examples of ui components using the variables.

$wineBerry: #651B2A;
$auburn: #9C2828; 
$white: #ffffff;
$chinook: #A8ECB8;
$silverChalice: #B0B0B0;
$viridian: #3C9178;
$eucalyptus: #297E65;
$ironsideGray: #666666;
$stromboli: #2F6958;

/*-------------------- mainNavCmpnt --------------------*/
$mainNavCmpnt-link-color: $wineBerry;
$mainNavCmpnt-link-color-hover: $auburn;

/*-------------------- btnTabCmpnt --------------------*/
$btnTabCmpnt-btn-border-color: $white;

/*-------------------- chartTableCmpnt --------------------*/
$chartTableCmpnt-content-border-color: $viridian;

[kmaida]

👍