mask: radial-gradient(320px 320px at var(--x) var(--y), black 1%, transparent 40%);
Имеем выражение: (100vh - 656px) / 2 + 330px =
Раскроем скобки: 100vh / 2 - 656px / 2 + 330px =
Выполним деление: 50vh - 328px + 330px
Сложим коэффициенты: -328px + 330px = 2px
собираем воедино: 50vh + 2px
display: none, то toggle просто убирает свойство display и оно становится дефолтным для a, то есть inline.div и переключать его;display.i не стоит использовать для иконок, семантически он предназначен для выделения фрагмента текста, например технического термина или идиоматическтого выражения;'display' в первом параметре toggle не имеет смысла, там может быть длительность переключения, объект с параметрами или логическое значение, но не произвольная строка.
function putCircleOnPath(path, circle, percent) {
const length = path.getTotalLength();
const point = path.getPointAtLength(length * percent / 100);
circle.setAttribute('cx', point.x);
circle.setAttribute('cy', point.y);
}
let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
let sum = 0;
for (let i = 0; i < arr.length; i += 2) {
sum += arr[i];
}
console.log(sum);
.project-details__container.project-details__container__loaded {}
.project-details__cover.project-details__cover_loaded {}.project-details{
$this: &;
&__container{
&#{$this}__container__loaded{
}
&__cover{
&#{$this}__cover_loaded{
}
}
}.project-details {
&__container{
&__loaded{
}
}
}