SCSS расположение кругов с процентными координатами
 

Добрый день уважаемые. Столкнулся с проблемой, не получается расположить круги, координаты которых заданы в процентах. Вот пример https://jsfiddle.net/cchp53jt/ Не могу понять почему не высчитывает левые круги, хотя системность задаю такую же что и с правыми :blink:

Потому что стили ты задаешь через :nth-child в цикле до 4х
а левые круги это :nth-child больше 4х т.е. соответственно 5 6 7 и 8 элементы стили для которых не заданы.

Спасибо. Помогло