Prevent layout issue on the pseudo-element of loading state

oficiodesign / initial-css

MIT License

4 stars 1 forks source link

Prevent layout issue on the pseudo-element of loading state #140

Open robsonsobral opened 4 months ago

robsonsobral commented 4 months ago

%loading-el {
  overflow: hidden;

  cursor: wait;

  &::after {
    // prevent conflicts
    all: unset;

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: my.layer('modal');

    content: '';
  }
}