hedera-web/js/htk/popup/style.scss

37 lines
601 B
SCSS

.htk-popup {
z-index: 200;
display: block;
position: fixed;
overflow: hidden;
background-color: white;
border-radius: 10px;
box-shadow: 0 0 0.4em rgba(1, 1, 1, 0.6);
box-sizing: content-box;
&.modal {
position: relative;
font-size: 1.2em;
max-width: 100%;
max-height: 100%;
}
& > * {
border-radius: 0.1em;
}
}
.htk-background {
position: fixed;
display: flex;
align-items: center;
justify-content: center;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 190;
padding: 20px;
background-color: rgba(1, 1, 1, 0.7);
opacity: 0;
transition: opacity 200ms ease-in-out;
}