42Zavattas/ng-zav-modal

View on GitHub
src/ng-zav-modal.css

Summary

Maintainability
Test Coverage
.zav-modal--shadow {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, .5);
  z-index: 999;
}

.zav-modal--container {
  z-index: 1000;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.zav-modal--content {
  background: white;
  padding: 1em;
  box-shadow: rgba(0, 0, 0, .4) 0 8px 20px;
  position: fixed;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
}