136 lines
3.0 KiB
SCSS
136 lines
3.0 KiB
SCSS
//.rsssl-modal-backdrop {
|
|
// position: fixed;
|
|
// top: 0;
|
|
// right: 0;
|
|
// bottom: 0;
|
|
// left: 0;
|
|
// background-color: rgba(0, 0, 0, 0.6);
|
|
// width: 100%;
|
|
// height: 100%;
|
|
// z-index: 12; //higher than rsssl-locked
|
|
//}
|
|
//
|
|
//.rsssl-modal {
|
|
// width: clamp(300px, 75ch, 100vw - 50px);
|
|
// height: max-content;
|
|
// position: absolute;
|
|
// z-index: 9999;//ensure the modal is over the WP menu in the sidebar.
|
|
// border-radius: var(--rsp-border-radius);
|
|
// background-color: var(--rsp-white);
|
|
// top: 25vh;
|
|
// left: -20px;
|
|
// right: 0;
|
|
// bottom: 0;
|
|
// /* transform: translate(-50%, -50%); */
|
|
// margin: 25px auto;
|
|
//
|
|
// &-header {
|
|
// @include rsssl-block-padding;
|
|
// display: flex;
|
|
// justify-content: space-between;
|
|
// align-items: center;
|
|
// border-radius: var(--rsp-border-radius);
|
|
// .modal-title {
|
|
// margin: 0;
|
|
// }
|
|
// .rsssl-modal-close {
|
|
// cursor: pointer;
|
|
// background: none;
|
|
// border: none;
|
|
// font-weight: 700;
|
|
// }
|
|
// button {
|
|
// img {
|
|
// height: 16px;
|
|
// width: 16px;
|
|
// }
|
|
// }
|
|
// }
|
|
//
|
|
// &-content {
|
|
// position: relative;
|
|
// font-size: var(--rsp-fs-300);
|
|
// line-height: 1.5;
|
|
// @include rsssl-block-padding;
|
|
// &-subtitle {
|
|
// font-size: var(--rsp-fs-600);
|
|
// font-weight: 600;
|
|
// margin-bottom: var(--rsp-spacing-xs);
|
|
// }
|
|
// &-description {
|
|
// overflow-wrap: anywhere;
|
|
// margin-top: 0;
|
|
// font-weight: 400;
|
|
// line-height: 1.5;
|
|
// margin-bottom: var(--rsp-spacing-s);
|
|
// }
|
|
// }
|
|
// &-footer {
|
|
// display: flex;
|
|
// flex-direction: row;
|
|
// @include rsssl-block-padding;
|
|
// gap:10px;
|
|
// // text-align: right;
|
|
// .button {
|
|
// display: flex;
|
|
// align-items: flex-start;
|
|
// justify-content: center;
|
|
// min-width: 105px;
|
|
//
|
|
// //height: 45px;
|
|
// //width: 100%;
|
|
// text-align: center;
|
|
// // margin-right: 20px;
|
|
// border-radius: 6px;
|
|
// }
|
|
//
|
|
// .rsssl-button-help {
|
|
// background-color: #D7263D;
|
|
// color: white;
|
|
// border-color: #D7263D;
|
|
// &:hover {
|
|
// opacity: 0.9;
|
|
// }
|
|
// }
|
|
// }
|
|
//}
|
|
////this has to apply both to modal and LE activation step
|
|
//.rsssl-modal-content-step {
|
|
//
|
|
// ul{
|
|
// margin-bottom: var(--rsp-spacing-m);
|
|
// li {
|
|
// display: flex;
|
|
// align-items: flex-start;
|
|
// margin-bottom: var(--rsp-spacing-xxs);
|
|
// &.rsssl-is-plugin{
|
|
// background-color: var(--rsp-grey-100);
|
|
// border: none;
|
|
// margin: 10px 0 0 0;
|
|
// padding:2px 0;
|
|
// position:relative;
|
|
// a.button-default.rsssl-read-more{
|
|
// position:absolute;
|
|
// display:none;
|
|
// top:17px;
|
|
// right:20px;
|
|
// z-index:5;
|
|
// @media(max-width: 620px) {
|
|
// position:relative;
|
|
// margin-left:20px;
|
|
// z-index:5;
|
|
// }
|
|
// }
|
|
// }
|
|
// .rsssl-icon{
|
|
// margin-right:7px;
|
|
// }
|
|
//
|
|
// }
|
|
// }
|
|
//}
|
|
//
|
|
//.components-modal__frame {
|
|
// width: clamp(300px, 75ch, 100vw - 50px);
|
|
//}
|