the "state" part of a sass variable name should always be the suffix

[FrancescoCioria]

Project card

description

our naming convention works like this:

{?sub-component-prefix}-{property-name}-{?state}

examples:

// 👍 
$background: white;
$background-disabled: black;

$item-background: blue;
$item-background-disabled: red;

// 👎 
$disabled-background: black;

$background-item: blue;
$disabled-background-item: red;
// or
$disabled-item-background: red;

how to reproduce

• {optional: describe steps to reproduce defect}

specs

fix any wrong name.

list of files to fix:

• checkbox
• badge
• ...

misc

{optional: other useful info}