52 lines
865 B
SCSS
52 lines
865 B
SCSS
|
.wp-full-overlay {
|
||
|
|
background-color: #f0f0f1;
|
||
|
|
}
|
||
|
|
|
||
|
|
#customize-preview {
|
||
|
|
height: initial;
|
||
|
|
padding-top: 25px;
|
||
|
|
padding-bottom: 25px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
background-color: transparent;
|
||
|
|
|
||
|
|
iframe {
|
||
|
|
height: calc(100% - 50px);
|
||
|
|
box-shadow: 0 0 25px rgba(0, 0, 0, 0.11),
|
||
|
|
0 0 0 1px rgba(0, 0, 0, 0.025);
|
||
|
|
|
||
|
|
// fix preview window height in Safari browser
|
||
|
|
@supports (background: -webkit-named-image(i)) {
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.preview-desktop {
|
||
|
|
#customize-preview {
|
||
|
|
padding-left: 25px;
|
||
|
|
padding-right: 25px;
|
||
|
|
max-height: 100%;
|
||
|
|
margin-top: auto;
|
||
|
|
margin-bottom: auto;
|
||
|
|
|
||
|
|
iframe {
|
||
|
|
width: calc(100% - 50px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.preview-tablet {
|
||
|
|
#customize-preview {
|
||
|
|
width: 850px;
|
||
|
|
max-height: 1080px;
|
||
|
|
margin-inline-start: -425px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.preview-mobile {
|
||
|
|
#customize-preview {
|
||
|
|
width: 390px;
|
||
|
|
max-height: 720px;
|
||
|
|
margin-inline-start: -195px;
|
||
|
|
}
|
||
|
|
}
|