Тема Tailwind расширяет резервную ошибку при «отрицательных полях» ⇐ CSS

[Anonymous]

У меня есть пользовательское свойство поля, которое называется контейнером.

Код: Выделить всё

.m-container, .p-container, .-m-container

Также у меня есть такая переменная:

Код: Выделить всё

--space-container: clamp(1rem, 3vw, 3rem);

Я установил его при попутном ветре следующим образом:

Код: Выделить всё

export default {
padding: {
container: ["1rem", "var(--space-container)"]
},
margin: {
container: ["1rem", "var(--space-container)"]
},
}

Как видите выше, я установил резервный вариант 1rem для случаев, когда браузеры не поддерживают функцию ограничения. Он хорошо работает с p-container и m-container, вы можете увидеть выходные данные CSS ниже;

Код: Выделить всё

.pr-container {
padding-right: 1rem;
padding-right: var(--space-container);
}
.ml-container {
margin-left: 1rem;
margin-left: var(--space-container);
}

Но отрицательное поле плохо компилируется в CSS:

Код: Выделить всё

.-ml-container {
margin-left: calc(1rem, var(--space-container)* -1);
}

Не забывая: приведенный выше код CSS неверен.

Ожидаемое поведение:

Код: Выделить всё

.-ml-container {
margin-left: -1rem;
margin-left: calc(var(--space-container)* -1);
}

Это ошибка или я ошибаюсь?


Подробнее здесь: https://stackoverflow.com/questions/790 ... ve-margins