Как автоматически определить количество тегов li в scss

Я пишу navi в заголовке вроде этого.

 

И для этого это scss-файл.

 $navi_items: 5; #navi{ width: $page_width; margin: 0 auto; ul.menu{ li{ padding:10px; width: $page_width/$navi_items - 20 ; float:left; } } } 

Когда я добавляю новый элемент в навигацию, я должен изменить значение $navi_items . Можно ли автоматически определить число li и отразить его в scss?

Я знаю, что могу сделать это с помощью javascript. Но я хочу знать, как это сделать с помощью scss.

Это невозможно.

SCSS скомпилирован до чистого CSS, который не предназначен для взаимодействия с DOM.

Единственная возможность – либо выбрать лучший CSS, либо создать JS.