Can't override template CSS using _custom.scss with the Liferay theme generator

• Type: Bug
• Status: Closed
• Resolution: No Longer Reproducible
• Affects Version/s: 7.0.0 DXP FP9
• Fix Version/s: 7.0.X, Master
• Component/s: ~ [Archived] Themes Infrastructure
• Labels: None
• Story Points: 1.5

when I run yo liferay-theme, and create a theme, I edit _custom.scss in the src/css folder. If I add something simple like:

/* These inject tags are used for dynamically creating imports for themelet styles, you can place them where ever you like in this file. */

/* inject:imports */
/* endinject */

/* This file allows you to override default styles in one central location for easier upgrade and maintenance. */

.control-menu-level-1 {
	background-color: #425563;
	background-image: none;
}

it doesn't work, it adds but the precedence is wrong. See screenshot for details.