Genri_Rus, а, так у вас многоцветная иконка. Ну тогда вам надо для каждой фигуры писать отдельное правило для hover, иначе вы на все фигуры одновременно делаете одинаковую заливку.
Genri_Rus, потому что так символьные иконки не делают. Обычно они должны быть все обьёдинены в один путь, а не состоять из разных путей и фигур, чтобы вы могли заливать цветом спокойно для себя.
Ибо если у вас в иконке несколько фигур, у которых где-то fill, а где-то stroke надо менять, то вам придётся писать CSS-правила для каждой такой иконки и фигур внутри отдельно, иначе заливка цвета будет из разряда той, которую вы описали.
Либо можно сделать правила для двух классов, которые надо добавлять в разметку SVG для каждого элемента, зависимости того, что нужно для него красить (fill или stroke).
Zuckerberg, если честно, я не смотрел вёрстку, как и многие другие люди, я не стал качать архив, чтобы это сделать. Я просто почитал описание и понял, о чём вы.
Поэтому не смогу подсказать, где с rem/em накосячили.
Если вы о лёгкой ряби теста во время transition — это особенности рендеринга переходов трансформаций. Ничего не сделаете вы с этим.
То же самый эффект есть, кстати, в Windows 10 у кнопок в панели управления, которые при зажатии уменьшаются. Хоть там и не CSS, нам тоже текст немного скачет во время процесса уменьшения/увеличения, а по завершению анимации как бы восстанавливает положение м чёткость. Субпиксели и всё такое прочее.
bQ1, я не видел ни одного сайта, который бы использовал zoom. Надо нормально делать, тогда и не будет потребности в таких костылях. Тем паче, что к адаптивному дизайну это свойство не относится, а прямо нарушает все его законы и принципы.
