src/app/shared/containers/modal-window/modal-window.scss
/**
* @license
* Copyright (c) La Vía Óntica SC, Ontica LLC and contributors. All rights reserved.
*
* See LICENSE.txt in the project root for complete license information.
*/
@import '../../../../styles/variables';
.backdrop {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
background-color: $backdrop-color;
z-index: 200;
}
.modal-container {
background-color: white;
overflow-y: auto;
border-radius: 4px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.24);
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
z-index: 500;
}
.transparent {
background-color: transparent;
}