@formCover: -1;
@formCoverImg: -1;
@formCoverImgWidth: 100%;
@formCoverImgHeight: 100%;
// added form logo styles only for advanced designer for old and new default theme
& when not (@formCover =-1) {
.form-cover-wrapper {
margin-bottom: unit(@formCoverBottomMargin, px);
}
.form-page-cover-image {
width: unit(@formCoverImgWidth, px);
aspect-ratio: @formCoverImgWidth / @formCoverImgHeight;
content: url("@{formCoverImg}");
}
}
& when (@formCover = -1) {
.form-page-cover-image {
display: none;
}
}
.form-all {
background-image: none;
}
@frameBgURL: "";
@frameBgRepeat: false;
@frameBgAttach: false;
@frameBgCover: true;
.form-section.page-section {
& when not (@frameBgURL ="") {
background-image: url("@{frameBgURL}");
}
& when (@frameBgURL ="|nobackground|") {
background-image: none;
}
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center top;
& when (@frameBgRepeat =true) {
background-repeat: repeat;
}
& when (@frameBgAttach =true) {
background-attachment: fixed;
background-size: auto;
}
& when (@frameBgCover =true) {
background-size: cover;
}
}
.form-section.page-section:not(:last-child) {
margin-bottom: 72px;
}
.supernova .form-all, .form-all {
background-color: transparent;
}