40 lines
770 B
SCSS
40 lines
770 B
SCSS
|
@import "_variables.scss";
|
||
|
|
@import "_icons.scss";
|
||
|
|
|
||
|
|
.popup {
|
||
|
|
width: 800px;
|
||
|
|
width: fit-content;
|
||
|
|
min-width: 400px;
|
||
|
|
color: $black;
|
||
|
|
background-color: $white;
|
||
|
|
border-radius: $default-radius;
|
||
|
|
box-shadow: 0 0 100px rgba(0,0,0,0.3),$medium-hover-shadow, 0 0 4px rgba(0,0,0,0.8);
|
||
|
|
padding: $default-space *2* 0.641 $default-space*2;
|
||
|
|
|
||
|
|
img {
|
||
|
|
display: block;
|
||
|
|
margin: auto;
|
||
|
|
|
||
|
|
&:not(:first-child){
|
||
|
|
margin-top: $default-space;
|
||
|
|
}
|
||
|
|
|
||
|
|
&:not(:last-child){
|
||
|
|
margin-bottom: $default-space;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.notch {
|
||
|
|
width: 20px;
|
||
|
|
height: 20px;
|
||
|
|
border-color: $white;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.PopupContent {
|
||
|
|
p:not(:last-child) {
|
||
|
|
margin-bottom: $article-space;
|
||
|
|
}
|
||
|
|
}
|