toggleClass oraz BEM

Question

Witam  serdecznie, borykam się z pewnym problemem, który postaram się rozjaśnić poniżej :) 

        $(function () {
            $('.off-canvas__toggle').on('click', function (e) {
                $('body').toggleClass('navigation-show');
            });
        });

To mój kod jQuery, mam pewien problem z klasą "navigation-show". Wszystko przekładam na BEM, aczkolwiek, żeby moja boczna nawigacja przesuwała się z całą zawartością strony, to muszę użyć następującej klasy:

.navigation-show .page-content {		
    left:250px;
}

Czy jestem w stanie to zrobić korzystając z BEM? Jeśli przypiszę w HTML: "navigation-show", a jako kolejny element ustawię sobie: "navigation-show__page-content", to cały skrypt nie będzie działał. Zależy mi na zachowaniu spójności :)

Answer 1

Problem rozwiązany :) Można użyć poniższego selektora: 

.navigation-show {

    [class^="page-content"] {
       left: 250px;	
    }
}