CSS boilerplate/reset/reboot (interpolate-size: allow-keywords) question
Hi everyone.
Just watched the live stream yesterday. I do have one question. With interpolate-size: allow-keywords; should this go within a prefers-reduced-motion: no-preference media query as it is a transition?
Thanks
8 Replies
Although I can not come up with a clear example, this is not only for transition. There could be scenarios where you want to set a default size based on a intrinsic-size-keyword together with calc-size().
ohw, never mind, you can still use calc-size without it.
Ah ok so is it something we should be applying to the root would you suggest? Better to apply to the specific element you are using it for?
all the examples show it in the root. don't see a reason why you should apply it per element.
Ok cool thanks. Ye if all the examples are doing it that way I guess just do the same.
it's even recommended btw
https://developer.chrome.com/docs/css-ui/animate-to-height-auto
Perfect thanks Mark
no problem
Appreciate the quick response