react-mailchimp-email-signup-form
Version:
Easily collect email signups using MailChimp in your React projects.
1 lines • 2.35 kB
Source Map (JSON)
{"version":3,"sources":["react-mailchimp-email-signup-form.scss"],"names":[],"mappings":"AAAA,qBACE,kBAAmB,CACnB,wBAAyB,CACzB,iBAAkB,CAClB,4CAAiD,CACjD,YAAa,CACb,qBAAsB,CACtB,wHAAwI,CACxI,cAAe,CACf,eAAgB,CAChB,kBAAmB,CACnB,eAAgB,CAChB,oBAAqB,CACrB,UACF,CACA,4CACE,qBACF,CACA,0BACE,eACF,CACA,4BACE,UAAW,CACX,oBAAqB,CACrB,iBAAkB,CAClB,eAAgB,CAChB,mBACF,CACA,+BACE,cAAe,CACf,UAAW,CACX,gBAAiB,CACjB,uBAAqB,CAArB,oBAAqB,CACrB,kBACF,CACA,4BAEE,iBAAkB,CAClB,UAAY,CACZ,eAAgB,CAChB,UAAW,CACX,eAAgB,CAChB,cAAe,CACf,YAAa,CACb,wBAAyB,CACzB,aAAc,CACd,eAAgB,CAEhB,oCAAsC,CACtC,gBAAiB,CACjB,eACF,CACA,6BACE,wBAAyB,CACzB,iBAAkB,CAClB,UAAW,CACX,cAAe,CACf,gBAAiB,CACjB,eAAgB,CAChB,2CAA6C,CAC7C,iBAAkB,CAClB,UACF,CACA,mCACE,wBACF","file":"index.css","sourcesContent":[".subscribe-container {\n background: #f9fafb;\n border: 1px solid #e6e6e6;\n border-radius: 4px;\n box-shadow: 0 2px 15px 0 rgba(210, 214, 220, 0.3);\n display: flex;\n flex-direction: column;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 16px;\n line-height: 1.5;\n margin-bottom: 2rem;\n max-width: 600px;\n padding: 1.25rem 1rem;\n width: 100%;\n}\n.subscribe-container, .subscribe-container * {\n box-sizing: border-box;\n}\n.subscribe-container form {\n margin-bottom: 0;\n}\n.subscribe-container__title {\n color: #000;\n display: inline-block;\n font-size: 1.75rem;\n line-height: 1.2;\n margin-bottom: 0.5rem;\n}\n.subscribe-container__subtitle {\n font-size: 1rem;\n color: #777;\n padding-bottom: 0;\n margin-block-start: 0;\n margin-bottom: 1rem;\n}\n.subscribe-container__email {\n border-color: #e6e6e6;\n border-radius: 4px;\n color: black;\n font-weight: 400;\n width: 100%;\n background: #fff;\n font-size: 15px;\n padding: 12px;\n border: 1px solid #e6e6e6;\n flex: 1 0 auto;\n line-height: 1.4;\n margin: 0;\n transition: border-color 0.3s ease-out;\n overflow: visible;\n margin-bottom: 1rem;\n}\n.subscribe-container__submit {\n background-color: #4caf50;\n border-radius: 8px;\n color: #fff;\n cursor: pointer;\n font-size: 1.2rem;\n font-weight: 700;\n transition: background-color 0.3s ease-in-out;\n padding: 12px 18px;\n width: 100%;\n}\n.subscribe-container__submit:hover {\n background-color: #3d8b40;\n}"]}