Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add isolation utilities #3914

Merged
merged 1 commit into from Apr 2, 2021
Merged

Add isolation utilities #3914

merged 1 commit into from Apr 2, 2021

Conversation

adamwathan
Copy link
Member

@adamwathan adamwathan commented Apr 2, 2021

This PR adds support for the CSS isolation property which lets you manually introduce new stacking contexts without using transforms or position: relative.

See the MDN documentation for more information about how it works. This article by @joshwcomeau provides a lot of useful insight as well 馃憦

The new APIs are:

Class CSS
isolate isolation: isolate
isolation-auto isolation: auto

Only responsive variants are enabled for these utilities by default.

@adamwathan adamwathan merged commit e1e66e3 into master Apr 2, 2021
2 checks passed
@adamwathan adamwathan deleted the isolation-utilities branch Apr 2, 2021
adamwathan added a commit that referenced this issue May 7, 2021
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.

None yet

1 participant