You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
61 lines
1.1 KiB
61 lines
1.1 KiB
6 years ago
|
//======================================
|
||
|
|
// magnific-popup plugin
|
||
|
|
//======================================
|
||
|
|
@import '../init.scss';
|
||
|
|
|
||
|
|
// General
|
||
|
|
// -------------------------------------------
|
||
|
|
.mfp-bg {
|
||
|
|
z-index: 99999+3 !important;
|
||
|
|
}
|
||
|
|
.mfp-wrap {
|
||
|
|
z-index: 99999+4 !important;
|
||
|
|
}
|
||
|
|
.mfp-close:focus,
|
||
|
|
.mfp-arrow:focus {
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
.mfp-title {
|
||
|
|
font-size: 80%;
|
||
|
|
}
|
||
|
|
|
||
|
|
// Effects
|
||
|
|
// -------------------------------------------
|
||
|
|
.mfp-bg {
|
||
|
|
@include transition(all 0.5s ease-out);
|
||
|
|
@include opacity(0);
|
||
|
|
|
||
|
|
&.mfp-ready {
|
||
|
|
@include opacity(0.8);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.mfp-fade-zoom .mfp-image-holder .mfp-content {
|
||
|
|
@include transition(all 0.35s ease-out);
|
||
|
|
@include opacity(0);
|
||
|
|
@include scale(0.85);
|
||
|
|
}
|
||
|
|
.mfp-fade-zoom.mfp-image-in {
|
||
|
|
.mfp-image-holder .mfp-content {
|
||
|
|
@include opacity(1);
|
||
|
|
@include scale(1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.mfp-fade .mfp-image-holder .mfp-content {
|
||
|
|
@include transition(all 0.3s ease-out);
|
||
|
|
@include opacity(0);
|
||
|
|
}
|
||
|
|
.mfp-fade.mfp-image-in {
|
||
|
|
.mfp-image-holder .mfp-content {
|
||
|
|
@include opacity(1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// IE
|
||
|
|
.mfp-zoom-out-cur {
|
||
|
|
#header {
|
||
|
|
z-index: 10;
|
||
|
|
}
|
||
|
|
}
|