UNPKG

@gravityforms/components

Version:

UI components for use in Gravity Forms development. Both React and vanilla js flavors.

1 lines 3.05 kB
{"version":3,"sources":["phone.css"],"names":[],"mappings":"AAEC;EACC,uIAAgD;EAChD,qBAAqB;EACrB,kBAAkB;CAMnB;;EAJC;GAEC,sBAAsB;EACvB;;CAGD;EACC,YAAY;CACb;;CAEA;EACC,kBAAkB;CAQnB;;CANC;GACC,mCAAmC;GACnC,oCAAoC;GACpC,kBAAkB;GAClB,UAAU;EACX;;CAGD;EACC,eAAe;EACf,0BAA0B;CAC3B;;CAEA;EACC,qBAAqB;EACrB,6BAA6B;CAC9B;;CAEA;EACC,eAAe;CAChB;;CAEA;EACC,aAAa;EACb,iBAAiB;CAClB;;CAEA;EACC,gBAAgB;CA4BjB;;CA1BC,uEAAmC,qDAAqD;GACvF,iBAAiB;GACjB,sCAAsC;GACtC,kBAAkB;EACnB;;CAEA,qEAAiC,qDAAqD;GACrF,6BAA6B;GAC7B,0BAA0B;GAC1B,qBAAqB;EAUtB;;CARC;IAEC,aAAa;GACd;;CAEA;IACC,UAAU;GACX;;CAGD;GACC,gBAAgB;GAChB,kBAAkB;GAClB,iBAAiB;EAClB;;CAGD;EACC,aAAa;EACb,OAAO;EACP,yBAAyB;EACzB,UAAU;CACX;;CAEA;EACC,4BAA4B;EAC5B,yBAAyB;EACzB,OAAO;CACR;;CAEA;EACC,mBAAmB;EACnB,mBAAmB;EACnB,aAAa;EACb,kBAAkB;EAClB,oBAAoB;EACpB,uBAAuB;EACvB,gBAAgB;CACjB;;CAEA;EACC,cAAmC;EACnC,4BAA4B;CAC7B","file":"phone.css","sourcesContent":[".gform-admin {\n\n\t.gform-phone {\n\t\tfont-family: var(--gform-admin-font-family-base);\n\t\tmax-inline-size: 100%;\n\t\tposition: relative;\n\n\t\t&,\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t}\n\n\t.gform-phone--placeholder {\n\t\topacity: 0.5;\n\t}\n\n\t.gform-phone__fallback {\n\t\tposition: relative;\n\n\t\t.gform-loader {\n\t\t\tinset-block-start: calc(50% - 20px);\n\t\t\tinset-inline-start: calc(50% - 20px);\n\t\t\tposition: absolute;\n\t\t\tz-index: 3;\n\t\t}\n\t}\n\n\t.gform-phone__label {\n\t\tcursor: pointer;\n\t\tmargin-block-end: 0.375rem;\n\t}\n\n\t.gform-phone__required {\n\t\tdisplay: inline-block;\n\t\tmargin-inline-start: 0.375rem;\n\t}\n\n\t.gform-phone--disabled .gform-phone__label {\n\t\tcursor: default;\n\t}\n\n\t.gform-phone__wrapper {\n\t\tdisplay: flex;\n\t\tflex-wrap: nowrap;\n\t}\n\n\t.gform-phone__dropdown {\n\t\tposition: static;\n\n\t\t.gform-dropdown__popover-wrapper { /* extra specificity to override the default styles */\n\t\t\tinline-size: 100%;\n\t\t\tinset-block-start: calc(100% + 0.5rem);\n\t\t\tposition: absolute;\n\t\t}\n\n\t\t.gform-phone__dropdown-trigger { /* extra specificity to override the default styles */\n\t\t\tborder-bottom-right-radius: 0;\n\t\t\tborder-top-right-radius: 0;\n\t\t\tinline-size: 4.125rem;\n\n\t\t\t.gform-dropdown__trigger-label,\n\t\t\t.gform-dropdown__trigger-after-label {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t&:focus {\n\t\t\t\tz-index: 2;\n\t\t\t}\n\t\t}\n\n\t\t.gform-dropdown__list-item-after-label {\n\t\t\tblock-size: auto;\n\t\t\tfont-size: inherit;\n\t\t\tinline-size: auto;\n\t\t}\n\t}\n\n\t.gform-phone__input-wrapper {\n\t\tdisplay: flex;\n\t\tflex: 1;\n\t\tmargin-inline-start: -1px;\n\t\tz-index: 1;\n\t}\n\n\t.gform-phone__input {\n\t\tborder-bottom-left-radius: 0;\n\t\tborder-top-left-radius: 0;\n\t\tflex: 1;\n\t}\n\n\t.gform-phone__flag-icon {\n\t\talign-items: center;\n\t\tblock-size: 1.25rem;\n\t\tdisplay: flex;\n\t\tfont-size: 1.25rem;\n\t\tinline-size: 1.25rem;\n\t\tjustify-content: center;\n\t\toverflow: hidden;\n\t}\n\n\t.gform-phone__help-text {\n\t\tcolor: var(--gform-admin-color-red);\n\t\tmargin-block-start: 0.375rem;\n\t}\n}\n"]}