_modals.scss 564 B

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