sc-portal/app/src/styles/_modal.scss

58 lines
912 B
SCSS

.modal
{
backdrop-filter: blur(6px);
z-index: 1040;
}
.modal-backdrop
{
background-color: rgb(1, 10, 14);
}
.modal-content
{
background: linear-gradient( 135deg, #00e7ff 0%, #00e7ff 100%);
box-shadow: 0rem 0rem 3rem -2rem #00e7ff;
border: none;
border-radius: .5rem;
overflow: hidden;
.content
{
height: calc(100% - 4px);
margin: 2px;
padding: 1rem;
background: linear-gradient( 135deg, #10182b 0%, #0d1321 100%);
color: #00dcff;
border-radius: 0.35rem;
h4
{
color: #3d5e8e;
font-family: "Bebas Neue", sans-serif;
}
}
}
@media (min-width: 576px) and (max-width: 992px)
{
.modal-dialog.modal-xl
{
max-width: 762px;
}
}
.close
{
position: absolute;
right: .25rem;
top: 0;
padding: .75rem 1rem;
font-weight: bold;
z-index: 1;
outline: none;
border: none;
background: none;
font-size: 2rem;
color: #3d5e8e;
}