Initial plugin commit
This commit is contained in:
31
assets/kgv-contact-form.css
Executable file
31
assets/kgv-contact-form.css
Executable file
@@ -0,0 +1,31 @@
|
||||
|
||||
.kgv-contact-form{
|
||||
max-width:760px;
|
||||
padding:24px;
|
||||
border:1px solid #d9d9d9;
|
||||
border-radius:16px;
|
||||
background:#fff;
|
||||
box-shadow:0 10px 24px rgba(0,0,0,.05);
|
||||
}
|
||||
.kgv-cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
|
||||
.kgv-cf-field{margin:0 0 16px}
|
||||
.kgv-cf-field label{display:block;margin:0 0 8px;font-weight:600}
|
||||
.kgv-contact-form input[type="text"],
|
||||
.kgv-contact-form input[type="email"],
|
||||
.kgv-contact-form select,
|
||||
.kgv-contact-form textarea{
|
||||
width:100%;padding:12px 14px;border:1px solid #cfcfcf;border-radius:10px;background:#fff;box-sizing:border-box;
|
||||
transition:border-color .2s ease, box-shadow .2s ease;
|
||||
}
|
||||
.kgv-contact-form input[type="text"]:focus,
|
||||
.kgv-contact-form input[type="email"]:focus,
|
||||
.kgv-contact-form select:focus,
|
||||
.kgv-contact-form textarea:focus{outline:none;border-color:#2271b1;box-shadow:0 0 0 3px rgba(34,113,177,.12)}
|
||||
.kgv-cf-privacy{margin:8px 0 18px;font-size:.95rem;line-height:1.5}
|
||||
.kgv-cf-privacy label{display:flex;gap:10px;align-items:flex-start}
|
||||
.kgv-contact-form button{appearance:none;border:none;border-radius:10px;padding:12px 18px;font-weight:700;cursor:pointer;background:#2271b1;color:#fff}
|
||||
.kgv-cf-alert{max-width:760px;margin:0 0 16px;padding:12px 14px;border-radius:12px}
|
||||
.kgv-cf-alert-success{border:1px solid #c6e1c6;background:#ecf7ed}
|
||||
.kgv-cf-alert-error{border:1px solid #e5b3b3;background:#fff2f2}
|
||||
.kgv-cf-hp{position:absolute !important;left:-9999px !important;opacity:0 !important;pointer-events:none !important}
|
||||
@media (max-width:700px){.kgv-cf-grid{grid-template-columns:1fr}.kgv-contact-form{padding:18px;border-radius:14px}}
|
||||
Reference in New Issue
Block a user