nested scss doesn't work as expected

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;

    &-1 {
        width: 110px;
    }

    &-2 {
        width: 120px;
    }
    &-3 {
        width: 130px;
    }
    &-4 {
        width: 140px;
    }
    &-5 {
        width: 150px;
    }
}