Border opacity not working
vltansky opened this issue · comments
Vlad Tansky commented
Thibaud Colas commented
Nice catch @vltansky! I’ll work on a fix. This could indeed affect other properties – any that’s set by multiple plugins, where the CSS source order would be different between core plugins vs. this plugin.
Here are the properties I found used in multiple plugins:
margin
– used bymargin
andspace
core plugins. Shouldn’t cause issues since we’re overriding both.margin
– this time used bysr-only
andcontainer
. Shouldn’t cause issues becausesr-only
is beforemargin
even in the corePlugins, andcontainer
is a component (so output after all utilities)padding
– also used insr-only
andcontainer
. Also wouldn’t expect issues.- border width – use by
borderWidth
anddivideWidth
. Same, shouldn’t cause issues since we’re overriding both. --tw-border-opacity
– what this issue is about. Used byborderOpacity
andborderColor
--tw-border-opacity
is also used inside thevisited:
variant of thepseudoClassVariants
plugin. No idea whether that might cause issues, I suspect not but won’t check for now.
I’ll also update the docs to specify vanillaRTL
should be the first entry inside the plugins
array, as this would also be an issue if third-party plugins that produce utilities using the same properties were placed earlier in the plugins
.