130 lines
2.1 KiB
SCSS
130 lines
2.1 KiB
SCSS
.wp-customizer [data-reach-dialog-overlay] {
|
|
z-index: 999999;
|
|
--modal-left: 0;
|
|
}
|
|
|
|
.ct-copy-options-modal,
|
|
.ct-export-modal,
|
|
.ct-reset-options,
|
|
.ct-import-export-modal {
|
|
--modal-width: 500px;
|
|
--modal-min-height: 270px;
|
|
--modal-padding: 45px;
|
|
// text-align: center;
|
|
|
|
.close-button {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.ct-export-modal,
|
|
.ct-copy-options-modal {
|
|
|
|
.ct-checkboxes-container {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.ct-modal-actions.has-divider {
|
|
margin-top: 35px;
|
|
}
|
|
}
|
|
|
|
.ct-copy-options-modal {
|
|
|
|
.ct-checkboxes-container {
|
|
margin-bottom: 1.5em;
|
|
}
|
|
}
|
|
|
|
|
|
// GDPR fonts modal
|
|
.ct-gdpr-fonts-notice {
|
|
--modal-width: 550px;
|
|
--modal-min-height: 400px;
|
|
--modal-padding: 45px;
|
|
text-align: center;
|
|
|
|
i {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin: 0 auto 20px auto;
|
|
width: 50px;
|
|
height: 50px;
|
|
background: #fff;
|
|
border-radius: 100%;
|
|
border: 2px solid #DEECF3;
|
|
|
|
svg {
|
|
fill: var(--ui-accent-color);
|
|
animation: ring-shake 5s ease-in-out infinite;
|
|
transform-origin: 50% 0%;
|
|
}
|
|
}
|
|
|
|
.ct-modal-actions.has-divider {
|
|
padding-top: 30px;
|
|
}
|
|
|
|
.ct-checkbox-container {
|
|
grid-column: 1/-1;
|
|
justify-content: center;
|
|
padding: 0 0 30px 0;
|
|
}
|
|
|
|
.close-button {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@keyframes ring-shake {
|
|
0% { transform: rotate(-15deg) }
|
|
2% { transform: rotate(15deg) }
|
|
4% { transform: rotate(-18deg) }
|
|
6% { transform: rotate(18deg) }
|
|
8% { transform: rotate(-22deg) }
|
|
10% { transform: rotate(22deg) }
|
|
12% { transform: rotate(-18deg) }
|
|
14% { transform: rotate(18deg) }
|
|
16% { transform: rotate(-12deg) }
|
|
18% { transform: rotate(12deg) }
|
|
20% { transform: rotate(0deg) }
|
|
100% { transform: rotate(0deg) }
|
|
}
|
|
|
|
|
|
// onboarding modal
|
|
.ct-onboarding-button {
|
|
margin-bottom: -10px;
|
|
|
|
button {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.ct-onboarding-modal {
|
|
--modal-width: 500px;
|
|
--modal-min-height: 360px;
|
|
|
|
text-align: center;
|
|
|
|
.close-button {
|
|
display: none;
|
|
}
|
|
|
|
svg {
|
|
width: 55px;
|
|
height: 55px;
|
|
margin: 0 auto 25px auto;
|
|
}
|
|
|
|
h2 {
|
|
color: #3e5667;
|
|
}
|
|
|
|
button {
|
|
--ui-button-height: 42px;
|
|
--ui-button-padding: 20px;
|
|
--ui-button-font-size: 14px;
|
|
}
|
|
} |