Layout
Use the `isolate` and `isolation-auto` utilities to control whether an element should explicitly create a new stacking context
Class | Styles |
---|---|
isolate | isolation: isolate; |
isolation-auto | isolation: auto; |
Use the isolate
and isolation-auto
utilities to control whether an element should explicitly create a new stacking context.
Prefix an isolation utility with a breakpoint variant like md:
to only apply the utility at medium screen sizes and above:
<div class="isolate md:isolation-auto"> <!-- ... --></div>
Learn more about using variants in the variants documentation.