feat: add Contact Form 7 forms and gated content modal
This commit is contained in:
@@ -1704,3 +1704,15 @@ body.sidebar-overlay::after {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Gated Content Modal
|
||||
========================================================================== */
|
||||
|
||||
.gated-modal { display: none; position: fixed; inset: 0; z-index: 2000; align-items: center; justify-content: center; }
|
||||
.gated-modal--open { display: flex; }
|
||||
.gated-modal__overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.5); }
|
||||
.gated-modal__content { position: relative; background: var(--color-white); padding: 48px; max-width: 480px; width: 90%; z-index: 1; }
|
||||
.gated-modal__close { position: absolute; top: 16px; right: 16px; background: none; border: none; font-size: 1.5rem; cursor: pointer; color: var(--color-gray-text); }
|
||||
.gated-form input[type="text"], .gated-form input[type="email"] { width: 100%; padding: 12px 16px; border: 2px solid var(--color-gray-light); border-radius: 0; margin-bottom: 12px; font-size: 1rem; box-sizing: border-box; }
|
||||
.gated-form input:focus { outline: none; border-color: var(--color-primary); }
|
||||
|
||||
Reference in New Issue
Block a user