Sass::SyntaxError: Invalid CSS after "...orm-group::not(": expected pseudo_expr, was ":first-child)"

Question

I got the following error while pushing the code to Heroku. This is the issue with 'freelancer' template.

Sass::SyntaxError: Invalid CSS after "...orm-group::not(": expected pseudo_expr, was ":first-child)" error is seen with the following code while pre-compiling the Assets in production mode.

.floating-label-form-group::not(:first-child) {
    padding-left: 14px;
    border-left: 1px solid #eee;
}

Answer 1

After placing quotes around the :first-child solved my problem

.floating-label-form-group::not(':first-child') {
    padding-left: 14px;
    border-left: 1px solid #eee;
}