package.components.Backdrop.backdrop.scss Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of patternfly Show documentation

Assets, source, tooling, and content for PatternFly 4

The newest version!

@use '../../sass-utilities' as *;

@include pf-root($backdrop) {
  --#{$backdrop}--Position: fixed;
  --#{$backdrop}--ZIndex: var(--pf-t--global--z-index--lg);
  --#{$backdrop}--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
}

.#{$backdrop} {
  position: var(--#{$backdrop}--Position);
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: var(--#{$backdrop}--ZIndex);
  width: 100%;
  height: 100%;
  background-color: var(--#{$backdrop}--BackgroundColor);
}

.#{$backdrop}__open {
  overflow: hidden;
}