G360Pmk/dylanmazzei-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add a compact copy of the GHL form CSS that survives copy-paste

Browse Source 
Pasting the indented CSS through Slack turned the indentation into non-breaking
spaces, so GHL kept the rules but browsers dropped their declarations.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Alejandro Veras
2026-10-19 12:17:39 -04:00
parent 083443a43b
commit 27c0189f2b
3 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ghl/lead-form.min.css
Vendored
+1
View File
@@ -0,0 +1 @@
@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&display=swap");html,body,.ghl-form-wrap{background:transparent!important}#_builder-form{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;max-width:none!important}.ghl-form-wrap{max-width:none!important}#_builder-form,#_builder-form *{font-family:"Inter Tight","Inter",system-ui,sans-serif!important}#_builder-form .fields-container{display:grid!important;grid-template-columns:1fr 1fr;column-gap:16px}#_builder-form .form-field-wrapper{grid-column:1 / -1;width:100%!important;max-width:none!important;padding:0!important;margin-bottom:18px!important}#_builder-form .form-field-wrapper:nth-child(1){grid-column:1}#_builder-form .form-field-wrapper:nth-child(2){grid-column:2}@media (max-width:400px){#_builder-form .form-field-wrapper:nth-child(1),#_builder-form .form-field-wrapper:nth-child(2){grid-column:1 / -1}}#_builder-form .form-builder--item label{display:block!important;line-height:1.4!important;margin-top:0!important;font-size:13px!important;font-weight:400!important;color:#8896b3!important;margin-bottom:8px!important}#_builder-form .form-builder--item label span{color:#1fb7ff!important;font-size:inherit!important;line-height:inherit!important;vertical-align:baseline!important}html body #_builder-form .form-builder--item .form-control[name][class]{height:52px!important;padding:14px 16px!important;font-size:16px!important;font-weight:500!important;color:#f3f7ff!important;background:rgba(255,255,255,0.05)!important;border:1px solid rgba(255,255,255,0.06)!important;border-radius:16px!important;box-shadow:none!important;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}html body #_builder-form .form-builder--item textarea.form-control[name][class]{height:auto!important;min-height:150px}html body #_builder-form .form-builder--item .form-control[name][class]::placeholder{color:#6c7894!important;opacity:1}html body #_builder-form .form-builder--item .form-control[name][class]:focus{outline:none!important;background:rgba(255,255,255,0.07)!important;border-color:#1fb7ff!important;box-shadow:0 0 0 4px rgba(31,183,255,0.14)!important}html body #_builder-form .form-builder--item .email-input .form-control[name][class]{padding-left:44px!important}#_builder-form .input-icon{left:16px!important;color:#6c7894!important}#_builder-form input:-webkit-autofill{-webkit-text-fill-color:#f3f7ff!important;-webkit-box-shadow:0 0 0 1000px #0d1220 inset!important}#_builder-form .form-builder--btn-submit{margin-top:6px!important}#_builder-form .button-element{min-height:50px!important;background:#1fb7ff!important;border:0!important;border-radius:12px!important;box-shadow:none!important;transition:background-color .15s ease,transform .15s ease}#_builder-form .button-element:hover{background:#5cc9ff!important;transform:translateY(-1px)}#_builder-form .button-element .button-text div{color:#04101c!important;font-size:13px!important;font-weight:600!important;letter-spacing:0.08em!important;text-transform:uppercase!important}#_builder-form .text-element{color:#6c7894!important;font-size:13px!important}#_builder-form .text-element a{color:#8896b3!important}#_builder-form .error,#_builder-form .text-danger{color:#ff7a8a!important}