Alastar Gabriel (but you can call me anything). I'm an ex-professional software developer, now I make weird art and music :p I will give you bug facts unprompted
Twitch, Ko-fi, Neocities, Mastodon
We can be friends but I have to warn you, I am a little awkward and kind of hard to get ahold of :p
ENG/ๆฅๆฌ่ช OK
toggle dark mode via the post menu to see the animation. apparently the variable --tw-border-opacity is set to 1 in dark mode and not set in light mode. so you can use calc to multiply something by that value.
<div style="
transform: rotatex(calc(0.5turn * var(--tw-border-opacity, 0)));
transition: transform 500ms;
text-align: center;
border: 1px solid;
padding: 2rem 1rem;
">
hello there
</div>it's pretty rad to see --tw-border-opacity be rediscovered independently! i doubt it will last forever, it's an implementation detail, so it would be kind of nice to have a more blessed thing
i really liked your post btw. and yeah i'm hoping we could get some kind of official variable as well.
i noticed that we finally have some non-tailwind classes like .co-post, but i wasn't sure if these were yet more implementation details or if staff said they put that in there as a nice-to-have for custom theme authors...
it seems like it's both of those, which is great (https://cohost.org/staff/post/3627687-additional-updates). i've already seen at least one userscript author react positively to the change. oh also data-theme is set to light or dark appropriately which is nice
