_modals.scss 553 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. /*
  2. * Component: Modals
  3. * ---------
  4. ------
  5. */
  6. // Overlay
  7. .modal-dialog {
  8. .overlay {
  9. background-color: $black;
  10. display: block;
  11. height: 100%;
  12. left: 0;
  13. opacity: .7;
  14. position: absolute;
  15. top: 0;
  16. width: 100%;
  17. z-index: ($zindex-modal + 2);
  18. }
  19. }
  20. // BG Color Variations Fixes
  21. .modal-content {
  22. &.bg-warning {
  23. .modal-header,
  24. .modal-footer {
  25. border-color: $gray-800;
  26. }
  27. }
  28. &.bg-primary,
  29. &.bg-secondary,
  30. &.bg-info,
  31. &.bg-danger,
  32. &.bg-success, {
  33. .close {
  34. color: $white;
  35. }
  36. }
  37. }