.wrap {
max-width: 300px;
overflow: auto;
border: 2px solid blue;
background: hsl(0, 0%, 90%);
}
.items {
padding: 10px;
display: inline-flex;
flex-direction: column;
}
.item {
display: flex;
border: 2px solid red;
}
.item div {
padding: 5px 20px;
white-space: nowrap;
}заверните их в div и будет счастье
Вряд ли дизайнер сделает вам состояния кнопок с разницей в цвете с каким-то одинаковым шагом. Мечтать полезно, но обычно нет.
Ничёси поверхностно))
"состояния" тоже в root стоило бы поместить с объединением в более глобальные переменные
.red-active {
background-color: rgb(
calc(var(--red-r) - calc(var(--btn-hue) * 2)),
calc(var(--red-g) - calc(var(--btn-hue) * 2)),
calc(var(--red-b) - calc(var(--btn-hue) * 2))
);
}Если требуется такое тонкое управление цветом где нибудь в скрипте
то подход вполне имеет право на жизнь.
<a href="tel:+79000000000"></a>? Это же постоянные мисс-клики раздражающие пользователя будут (т. е. вместо того, чтобы получить набор номера, пользователи будут переходить по баннеру).
Спасибо вам за труды!)
Без Terser решить проблему я не смогу?