Обратите внимание, как псевдоэлемент &:beforeвкладывается внутрь .face с помощью {скобок}. Это достигается с помощью расширения SASS (Syntactically Awesome Style Sheets). Более подробную информацию можно посмотреть, перейдя по ссылке SASS-lang.com. Кроме того, кратко SASS обсуждается в самом начале книги.
Если вы используете инфраструктуру Vue, то можете визуализировать все 15 элементов, задействуя этот простой цикл for, с помощью директивы v-for, вместо того чтобы вводить все 15 HTML-элементов вручную.
Все они строятся друг на друге. Например, функция rad() требует наличия функции PI(). Для работы функций cos() и sin() требуется функция rad().