Ну а как пользователь будет его закрашивать? Значит там, скажем, в светофоре, будут элементы circle или что-то типа того, которые в момент клика будут получать закраску в свойстве fill.
Проходитесь js`ом по элементам, смотрите какой у них fill, сравниваете с каким надо и профит.
БЭМ расшифровывается как блок-элемент-модификатор.
Про страницы ничего не говорится.
БЭМ в прошлом Lego.
Подобно тому, как из кубиков лего, собирается целый конструктор, что-то осмысленное и законченное, скажем, дом, собираются страницы сайта.
Вы ведь не называете окна, двери, кирпич как "дом__окно", или "дом__дверь", потому что одни и те же двери и одни и те же окна могут использоваться как в доме, так и в квартире, так и в сарае.
Бэм он про собирание большого из маленького.
Сам подход именования блоков и элементов в зависимости от страницы - уже не вписывается в методологию.
Каждый блок должен иметь свой класс и не должен иметь внешней гемотрии(например, маргинов).
А в месте где блок используется можно использовать миксование.
И когда у Вас есть блок-контэйнер для внутренних(не главной) страниц, Вы называете этот блок что-то вроде "inner-page" в котором размещаете другие Ваши бэм-блоки.
И в таком случае Вам может пригодится использовать бэм микс, например, чтобы задать внешнюю геометрию используемому блоку.
Например, если у нас есть компонент логотипа, который мы используем в шапке сайта и в футере, но отступ справа есть только в шапке, то блоку логотипа можно примиксовать класс header__logo, в котором укажем margin-right.
И тогда конечный класс блока логотипа в шапке будет иметь вид:
class="logo header__logo".
Вот как-то так и с внутренними страницами. Но привязываться к какой-то отдельной странице по смыслу её содержания - не корректно.
Без вашей вёрстки можно ответить только абстрактно.
Делаете на мобильном position: fixed, позиционируем за границей экрана, прописываем transition для позиции, по клику на кнопку меняем класс, в котором будет прописана такая позиция, что nav будет виден как вам надо. Профит.
Иван Симонов, в данном случае с ходу - нет идей. Нужно долго ковыряться. И, есть подозрения, что нужно комплексно переделывать, чтобы сделать то, что Вы хотите. Но это лишь мой опыт. Может кто-то другой ответит.
MyQuestion, Если писать одно и то же - будет. Я же не вижу Вашего дизайна и остальной вёрстки. А хрустальный шар по пятницам не работает :-)
Если в этой секции у Вас только таблица, то оставьте только заголовок для секции. Если там ещё есть много другого контента, то можно разделить смысловую нагрузку между заголовком и таблицей.
Например, заголовок сделать Цена на услуги, а таблицу с caption "Прайс лист".
Тут нет решения, которое подходило бы всем и каждому.
Потому что это так не работает. Дети не могут перебить z-index родителя.
Таким образом, пусть у слайдов будет хоть 100000 z index, если у родителя z-index 1, То они это не перекроют.
morto, Ну, гипотетически, можно и так. Если дядечка пальцем у виска не покрутит.
И если Вы хорошо сверстаете, что в его браузере вёрстка не поедет.
А так когда Вы у себя в браузере ctrl+p нажмёте, то там в графе "принтер" будет вариант "сохранить как pdf". И вот pdf лучше дяденьке и относить.
godsplane, Ну так Вы же высоту элементам ограничили(о чём я написал в ответе в самом конце комментария). Как элемент растянется на 400px, если вы задали 200? Отсюда и пустота. По сетке он на 2 строки, а по высоте на одну.
morto, ctrl + p в браузере откроет интерфейс печати.
А ещё открываете поисковик, и вбиваете html css вёрстка для печати
И читаете статьи описывающие нюансы этого дела.
