@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
1 lines • 4.62 kB
Source Map (JSON)
{"version":3,"sources":["text.css"],"names":[],"mappings":"AAEC;EACC,uIAAgD;EAChD,oBAAgD;EAChD,kBAAkB;CAanB;;EAXC;GACC,gBAAgB;GAChB,uBAAuB;GACvB,mBAAmB;EAOpB;;EALC;IACC,gBAAgB;IAChB,uBAAuB;IACvB,mBAAmB;GACpB;;CASA;IACC,UAAU;GACX;;CAIF;EACC,kBAAkB;CAsDnB;;CApDC;GACC,eAAe;EAChB;;CAEA;GACC,qBAAqB;GACrB,YAAY;GACZ,cAAc;GACd,sBAAsB;EA2CvB;;CAzCC;IACC,cAAqC;IACrC,kBAAkB;GACnB;;CAEA;IAEC,2BAA2B;GAC5B;;CAEA;IACC,4BAA4B;GAC7B;;CAEA;IACC,4BAA4B;GAC7B;;CAEA;IACC,4BAA4B;GAC7B;;CAEA;IACC,2BAA2B;GAC5B;;CAEA;IACC,4BAA4B;GAC7B;;CAEA;IACC,yBAAyB;GAC1B;;CAEA;IACC,2BAA2B;GAC5B;;CAEA;IACC,2BAA2B;GAC5B;;CAIF;EACC,cAAoC;CACrC;;CAEA;EACC,cAAqC;CACtC;;CAEA;EACC,WAAqC;CACtC;;CAEA;EACC,cAA8C;CAC/C;;CAEA;EACC,cAA8C;CAC/C;;CAUC;GACC,cAAoC;GACpC,uIAAgD;GAChD,SAAS;GACT,UAAU;EACX;;CAGD;EACC,YAAY;EACZ,cAAc;EACd,4BAAgD;EAChD,UAAU;EACV,6BAA6B;EAC7B,sBAAsB;CAiBvB;;CAbE;IACC,cAAoC;GACrC;;CAGD;GACC,UAAU;EACX;;CAEA;GACC,cAAqC;GACrC,kBAAkB;EACnB;;CAGD;EACC,uBAAuB;EACvB,kBAAkB;CAWnB;;CATC;GACC,kBAAkB;EACnB;;CAEA;GACC,6BAA6B;GAC7B,WAAW;GACX,sCAAsC;EACvC;;CAGD;EACC,cAAqC;EACrC,0BAA0B;EAC1B,cAAc;EACd,oBAAoB;CACrB","file":"text.css","sourcesContent":[".gform-admin {\n\n\t.gform-text {\n\t\tfont-family: var(--gform-admin-font-family-base);\n\t\tfont-size: var(--gform-admin-font-size-base-old);\n\t\tfont-style: normal;\n\n\t\t&.gform-text--truncate {\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\n\t\t\t* {\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-text:not(:focus-within),\n\t.gform-text__wrapper:not(:focus-within) {\n\n\t\t&:hover {\n\n\t\t\t.gform-text__copy-button {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-text__wrapper {\n\t\tposition: relative;\n\n\t\t.gform-text {\n\t\t\tdisplay: inline;\n\t\t}\n\n\t\t.gform-text__copy-button {\n\t\t\tdisplay: inline-block;\n\t\t\theight: auto;\n\t\t\tline-height: 1;\n\t\t\tvertical-align: middle;\n\n\t\t\t.gform-button__icon {\n\t\t\t\tcolor: var(--gform-admin-color-comet);\n\t\t\t\tfont-size: inherit;\n\t\t\t}\n\n\t\t\t&.gform-typography--size-text-md,\n\t\t\t&.gform-typography--size-text-lg {\n\t\t\t\tmargin-block-start: -0.3rem;\n\t\t\t}\n\n\t\t\t&.gform-typography--size-text-xl {\n\t\t\t\tmargin-block-start: -0.15rem;\n\t\t\t}\n\n\t\t\t&.gform-typography--size-display-xs {\n\t\t\t\tmargin-block-start: -0.25rem;\n\t\t\t}\n\n\t\t\t&.gform-typography--size-display-sm {\n\t\t\t\tmargin-block-start: -0.35rem;\n\t\t\t}\n\n\t\t\t&.gform-typography--size-display-md {\n\t\t\t\tmargin-block-start: -0.5rem;\n\t\t\t}\n\n\t\t\t&.gform-typography--size-display-lg {\n\t\t\t\tmargin-block-start: -0.75rem;\n\t\t\t}\n\n\t\t\t&.gform-typography--size-display-xl {\n\t\t\t\tmargin-block-start: -1rem;\n\t\t\t}\n\n\t\t\t&.gform-typography--size-display-2xl {\n\t\t\t\tmargin-block-start: -1.2rem;\n\t\t\t}\n\n\t\t\t&.gform-typography--size-display-3xl {\n\t\t\t\tmargin-block-start: -1.5rem;\n\t\t\t}\n\t\t}\n\t}\n\n\t.gform-text--color-port {\n\t\tcolor: var(--gform-admin-color-port);\n\t}\n\n\t.gform-text--color-comet {\n\t\tcolor: var(--gform-admin-color-comet);\n\t}\n\n\t.gform-text--color-white {\n\t\tcolor: var(--gform-admin-color-white);\n\t}\n\n\t.gform-text--color-secondary-text {\n\t\tcolor: var(--gform-admin-color-secondary-text);\n\t}\n\n\t.gform-text--color-amethyst-smoke {\n\t\tcolor: var(--gform-admin-color-amethyst-smoke);\n\t}\n\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6,\n\tp {\n\n\t\t&.gform-text {\n\t\t\tcolor: var(--gform-admin-color-port);\n\t\t\tfont-family: var(--gform-admin-font-family-base);\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t}\n\t}\n\n\t.gform-button.gform-text__copy-button {\n\t\theight: auto;\n\t\tline-height: 1;\n\t\tmargin-inline-start: var(--gform-admin-spacer-1);\n\t\topacity: 0;\n\t\ttransition: opacity 0.2s ease;\n\t\tvertical-align: middle;\n\n\t\t&:hover {\n\n\t\t\t.gform-button__icon {\n\t\t\t\tcolor: var(--gform-admin-color-port);\n\t\t\t}\n\t\t}\n\n\t\t&:focus {\n\t\t\topacity: 1;\n\t\t}\n\n\t\t.gform-button__icon {\n\t\t\tcolor: var(--gform-admin-color-comet);\n\t\t\tfont-size: inherit;\n\t\t}\n\t}\n\n\t.gform-text[contenteditable] {\n\t\tbackground: transparent;\n\t\tborder-radius: 3px;\n\n\t\t&:not(.gform-text--has-copy) {\n\t\t\tposition: relative;\n\t\t}\n\n\t\t&::after {\n\t\t\tbackground-color: transparent;\n\t\t\tcontent: \"\";\n\t\t\ttransition: background-color 0.3s ease;\n\t\t}\n\t}\n\n\t.gform-text[contenteditable=\"true\"]:empty::before {\n\t\tcolor: var(--gform-admin-color-comet);\n\t\tcontent: attr(placeholder);\n\t\tdisplay: block;\n\t\tpointer-events: none;\n\t}\n}\n"]}