silverstripe-framework/admin/client/src/components/Preview/Preview.scss

39 lines
744 B
SCSS

.preview__iframe {
width: 100%;
height: calc(100% - #{$toolbar-total-height});
border: 0;
}
.preview__file-container {
height: calc(100% - #{$toolbar-total-height});
text-align: center;
position: relative;
}
.preview__file { // TODO files smaller than the given space need to be detected via js to give class --fits-space
}
.preview__file--fits-space {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.preview__overlay {
text-align: center;
position: absolute;
top: 0;
width: 100%;
height: calc(100% - #{$toolbar-total-height});
background-color: $white;
}
.preview__overlay-text {
font-size: $font-size-lg;
position: relative;
top: 50%;
transform: translateY(-50%);
}