Evtera, сам файл физически должен продолжать называться просто style.css
Выяснить как меняется число, автоматом при сборке или руками.
Если не автоматом, то менять ручками только число только в пути к файлу.
Либо еще проще: добавлять класс в зависимости от величины прокрутки. Как нужная секция попадает в зону видимости (или какая-то ее часть, как удобнее), добавляете класс. И обратно.
loonny, если что, я со стороны верстальщиков. И сказала это к тому, что дизайнер свободно может использовать те инструменты, которые ему удобны и вообще не нужно заморачиваться какой box-sizing будет использовать верстальщик, всё равно не угадает :)) Дизайнер имеет право вообще об этом ничегошеньки не знать. Если ТС понравится вариант с тенями или градиентами, то верстальщику это не доставит никакого дискомфорта.
Так еще раз: font-size 0 не является доступным скрытием.
Но все таки мне пришлось с помощью js сделать клонирование меню в мобильной версии сайта, т.к. акции из каталога перенести стандартными способами не получится
Зачем всё меню клонировать, если нужно передвинуть только акции это загадка. Ну да ладно, сделали и сделали. На js без разницы.
А вообще, идете на любой (вообще любой) сборник макетов или сверстанных шаблонов, выбираете и верстаете не заглядывая в код, берете только графику.
Аналогично можно делать с просто понравившимися сайтами.
Верстальщику должно быть всё равно в чем сделан макет.
Genri_Rus, если вы потом собираетесь его скрыть через font-size 0,то не лучше.
Паттерн visually-hidden я уже показывала. Но, поскольку, спан вам нужен для полоски, то лучше пустой.
Там прямо демка как у вас.