Как уменьшить несколько диапазонов примерно на -10 пикселей для каждого диапазона с разным верхним пикселем

Question

Есть ли на scss способ уменьшить несколько диапазонов на 10 пикселей, если они имеют разные размеры, например: Один диапазон имеет вершину: 23px, другой - 25px. Мне нужно уменьшить на 10px

Я пытался использовать calc (-10px), но безуспешно

<span style="top:23px;">aosidjiasj</span>
<span style="top:29px;">aosidjiasj</span>
<span style="top:19px;">aosidjiasj</span>
<span style="top:20px;">aosidjiasj</span>

Я, кроме уменьшения на 10px

<span style="top:13px;">aosidjiasj</span>
<span style="top:19px;">aosidjiasj</span>
<span style="top:9px;">aosidjiasj</span>
<span style="top:10px;">aosidjiasj</span>

Answer 1

Вы можете использовать transform: translateY(-10px); (если тип дисплея не встроенный)

span {
    display: inline-block;
    transform: translateY(-10px);
}