123 lines
2.7 KiB
SCSS
123 lines
2.7 KiB
SCSS
@mixin popup_general() {
|
|
/*max-height: 90vh;
|
|
overflow-y: scroll;*/
|
|
max-width: 90vw;
|
|
|
|
padding: 20px;
|
|
|
|
/*font-size: 13px;
|
|
line-height: 20px;*/
|
|
|
|
background-color: white;
|
|
border-left: 6px $blue solid !important;
|
|
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.34);
|
|
|
|
.popup_close{
|
|
position: absolute !important;
|
|
top: 20px;
|
|
right: 20px;
|
|
z-index: 9999;
|
|
|
|
font-size: 32px !important;
|
|
line-height: 25px;
|
|
color: $gray;
|
|
|
|
&:hover{
|
|
color: $blue;
|
|
}
|
|
|
|
a{
|
|
color: $gray;
|
|
|
|
&:hover{
|
|
color: $blue;
|
|
}
|
|
}
|
|
}
|
|
|
|
h2,
|
|
.divPopUp_top{
|
|
max-width: 95%;
|
|
margin-top: 0px;
|
|
margin-bottom: 20px;
|
|
|
|
font-size: 20px;
|
|
line-height: 27px;
|
|
font-weight: 500;
|
|
color: $black;
|
|
}
|
|
|
|
p{
|
|
line-height: 20px;
|
|
}
|
|
|
|
|
|
/*&.popup_violet{
|
|
border-left: 6px $violet solid !important;
|
|
|
|
div.buttonwrapper a {
|
|
background-color: $violet;
|
|
border: 1px $violet solid;
|
|
|
|
&:hover{
|
|
background-color: $violet_light;
|
|
border: 1px $violet_light solid;
|
|
}
|
|
}
|
|
div.buttonwrapper a.ovalbutton_gray{
|
|
color: $violet !important;
|
|
background-color: white !important;
|
|
|
|
&:hover{
|
|
color: white !important;
|
|
background-color: $violet !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
&.popup_orange{
|
|
border-left: 6px $orange solid !important;
|
|
|
|
div.buttonwrapper a {
|
|
background-color: $orange;
|
|
border: 1px $orange solid;
|
|
|
|
&:hover{
|
|
background-color: $orange_lighten;
|
|
border: 1px $orange_lighten solid;
|
|
}
|
|
}
|
|
div.buttonwrapper a.ovalbutton_gray{
|
|
color: $orange !important;
|
|
background-color: white !important;
|
|
|
|
&:hover{
|
|
color: white !important;
|
|
background-color: $orange !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
&.popup_red{
|
|
border-left: 6px $red solid !important;
|
|
|
|
div.buttonwrapper a {
|
|
background-color: $red;
|
|
border: 1px $red solid;
|
|
|
|
&:hover{
|
|
background-color: $red_lighten;
|
|
border: 1px $red_lighten solid;
|
|
}
|
|
}
|
|
div.buttonwrapper a.ovalbutton_gray{
|
|
color: $red !important;
|
|
background-color: white !important;
|
|
|
|
&:hover{
|
|
color: white !important;
|
|
background-color: $red !important;
|
|
}
|
|
}
|
|
} */
|
|
} |