Force Tailwind для использования совместимого синтаксиса RGB ()?CSS

Разбираемся в CSS
Anonymous
Force Tailwind для использования совместимого синтаксиса RGB ()?

Сообщение Anonymous »

Я переношу приложение, используя Tailwindcss для работы с IE11. К сожалению, TailWindcss настаивает на создании цветов, используя современный синтаксис W3C CSS Color Module 4 RGB () , который, по -видимому, не работает в IE, например, Он генерирует такие классы: < /p>
.bg-blue-500 {
--tw-text-opacity: 1;
color: rgb(59 130 246 / var(--tw-bg-opacity));
}
< /code>
Я попытался использовать Postcss-Color-RGB в моем конвейере PostCSS, чтобы преобразовать это обратно в обычный синтаксис безрезультатно: < /p>
postcss([
require('tailwindcss')(twConfig),
require('postcss-color-rgb'),
require('autoprefixer'),
]).process(cssContent, {
from: css,
to: `build/${name}.css.tmp`
})
< /code>
Тястотный ветер утверждает, что совместим с любым современным браузером, который некоторые могут осмеливаться классифицировать IE11 AS. Есть мысли о том, чтобы заставить Tailwindcss хорошо играть с IE11 здесь?


Подробнее здесь: https://stackoverflow.com/questions/707 ... rgb-syntax

Вернуться в «CSS»