Passing properties from parent to child with & operator

Question

Is there a way to pass down css properties from a parent to child.

For example:

With LESS file:

.button {
    height: 20px;
    width: 20px;
    &-blue {
        background-color: blue;
    }
    &-red {
        background-color: red;
    }
}

Which outputs to:

.button-blue {
        height: 20px;
        width: 20px;
        background-color: blue;
}

.button-red {
        height: 20px;
        width: 20px;
        background-color: red;
}