Newer
Older

Hugo SUBTIL
committed
@import '../base/z-index';
background-color: hsla(231, 11%, 12%, 0.85);
background: $grey-linear-gradient-background;
width: 36rem;
max-width: 100%;
max-height: 90vh;
box-sizing: border-box;
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);
border-radius: 4px;
margin: 0 0 0 13.75rem;
align-items: center;
color: $white;
@media #{$tablet} {
width: 35rem;
margin: 0;
}
@media #{$large-phone} {
padding: 1rem 1rem 1.5rem;

Marlène SIMONDANT
committed
&.blue-light-border {
border: 1px solid $blue-light;
}
&.yellow-border {
border: 1px solid $gold-40;
}
position: absolute;
top: 0.5rem;
right: 0.5rem;
padding: 5px 5px;

Hugo SUBTIL
committed
z-index: $z-dialog;
height: 100%;
max-height: 100%;
padding: 0;
margin: 0;
box-sizing: border-box;
box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);
border-radius: 4px;
color: $white;
display: flex;
align-items: center;
&.dark-background {
background: $dark-light-2;
}