Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----

$name: "hej";
$color: red;
.#{$name} {
	&.apppage {
		.hero {
			color: $color;
			&-text-white {
				color: #fff;
				&:hover {
					color: blue;
				}
			}
			&-text-black {
				color: #000;
				&:hover {
					color: red;
				}
			}
		}
	}
}

SassMeister-output.css

.hej.apppage .hero {
  color: red;
}
.hej.apppage .hero-text-white {
  color: #fff;
}
.hej.apppage .hero-text-white:hover {
  color: blue;
}
.hej.apppage .hero-text-black {
  color: #000;
}
.hej.apppage .hero-text-black:hover {
  color: red;
}