`gl-Class-variants` and other variants

[badlydrawnrob]

Do we simply override some styles? Or do we write it like gl-Header gl-Header-variant?

.gl-Header {
    color: red;

    &-blue {
        color: blue;
    }
}