Skip to content

Conversation

@adamwathan
Copy link
Member

This PR makes the vertical-align utilities configurable via the tailwind.config.js file so that users can add custom values (since vertical-align supports values like 10px, 15%, etc.), which also makes it possible to use arbitrary values like align-[5em].

This is technically a very small breaking change, as anyone using preset: [] in their config file to disable the default Tailwind config will no longer have any vertical-align utilities generated. I considered doing something unusual here to make it non-breaking but it would have introduced weird inconsistency into the framework that I think would have been more harmful than helpful. I expect this will affect very, very few users.

@adamwathan adamwathan changed the title Add arbitrary value support for vertical-align utilities Support custom values for vertical-align utilities Sep 12, 2021
@adamwathan adamwathan merged commit 16a910b into master Sep 12, 2021
@adamwathan adamwathan deleted the align-arbitrary branch September 12, 2021 20:39
@dcastil
Copy link
Contributor

dcastil commented Dec 10, 2021

@adamwathan It seems to me like you forgot to add the theme property from which to get the values for vertical-align here. Shouldn't it be defined here? https://github.com/tailwindlabs/tailwindcss/pull/5487/files#diff-cf9185e083748e39c6940d3ad337df23b0ecbbd70b9550f596de7cf4b4668bcfR1498

I also tried it out in the Tailwind playground but only arbitrary values work for vertical-align at the moment.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants