Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

.pretty-form {
  input {
    &[type="text"], &[type="password"], &[type="email"], &[type="url"], &[type="month"], &[type="number"], &[type="search"], &[type="tel"], &[type="week"] {
      &:invalid, .invalid & {
        color: red;
      }
    }
  }
}

// Expected to be .pretty-form .invalid input[type="text"]

SassMeister-output.css

.pretty-form input[type="text"]:invalid, .invalid .pretty-form input[type="text"], .pretty-form input[type="password"]:invalid, .invalid .pretty-form input[type="password"], .pretty-form input[type="email"]:invalid, .invalid .pretty-form input[type="email"], .pretty-form input[type="url"]:invalid, .invalid .pretty-form input[type="url"], .pretty-form input[type="month"]:invalid, .invalid .pretty-form input[type="month"], .pretty-form input[type="number"]:invalid, .invalid .pretty-form input[type="number"], .pretty-form input[type="search"]:invalid, .invalid .pretty-form input[type="search"], .pretty-form input[type="tel"]:invalid, .invalid .pretty-form input[type="tel"], .pretty-form input[type="week"]:invalid, .invalid .pretty-form input[type="week"] {
  color: red;
}