General feedback for the team, not this PR. I've seen three different naming conventions in our CSS:

kebab-case: Used here, and preferred style in CSS
camelCase: Used by Blockly, I think
snake_case: Used throughout the rest of this file.

We should pick one for all new css identifiers going forward (preferably kebab-case) and move in that direction post csedweek.