Дуболом Одноклеточный, да, там это можно, но в рамках функционала GSAP. Там это сделано кучей хаков, но я имел в виду нативный JS без GSAP. Поэтому, к сожалению, можно только получить стили через window.getComputedStyle, но не сам элемент, т. к. он им не является. Иными словами, полный функционал JS для пседоэлементов не доступен.
Нет, дело не в этом. Это особенность работы column-count. Начиная со второй колонки всё, что выходит за бокс элемента, — обрезается. Та иконка у него на absolute и выходит за пределы родителя. Поэтому и обрезается а-ля overflow: hidden.
AlexGlinskiy, так, и? Вы не исправили это. Before на absolute так и вылетает за пределы бокса родительского li. А должен быть в его рамках. Иначе вы это не обойдёте.
Баг работы column-count. Поможет только больший отступ от границ элемента, чтобы ничего не вылетало за его пределы с запасом. Сделайте ваш before ровно по вертикальным границам блока.
$('a img').closest('a').removeClass('link');
// $('a img').closest('a') -- эта часть выбирает все ссылки внутри которых есть img на любом уровне вложенности
Координаты clip-path можно задавать через calc. Делайте вычитание или прибавление из процентов нужное количество пикселей — получаете точный срез, который не будет зависеть плыть при адаптивности.