UNPKG

@gravityforms/components

Version:

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

1 lines 2.8 kB
{"version":3,"sources":["branded-button.css"],"names":[],"mappings":"AAEC;EACC,oBAAoB;EACpB,kBAAkB;EAClB,kBAAkB;EAClB,2GAAkD;EAClD,sBAAsB;EACtB,eAAe;EACf,oBAAoB;EACpB,uIAAgD;EAChD,mBAA0C;EAC1C,gBAAiD;EACjD,UAAU;EACV,qBAAqB;EACrB,oFAAgD;EAChD,mBAAmB;CASpB;;EAPC;GACC,iBAAiB;EAClB;;EAEA;GACC,oBAAoB;EACrB;;CAGD;EACC,mBAAgD;EAChD,yBAAsD;EACtD,WAAqC;CAetC;;CAbC;GAEC,gHAAgD;EACjD;;CAEA;GACC,+BAAwD;EACzD;;CAEA;GACC,2GAAkD;GAClD,YAAY;EACb;;CAGD;EACC,gBAA0C;EAC1C,sBAAgD;EAChD,cAAqC;CAetC;;CAbC;GAEC,gHAAgD;EACjD;;CAEA;GACC,+BAA4D;EAC7D;;CAEA;GACC,2GAAkD;GAClD,YAAY;EACb;;CAGD;EACC,mBAAmB;EACnB,gBAA0C;EAC1C,oBAAoB;EACpB,kBAAkB;EAClB,aAAa;EACb,qBAAqB;EACrB,uBAAuB;CACxB;;CAEA;EACC,mBAAmB;EACnB,aAAa;EACb,uBAAuB;EACvB,wBAAwB;CACzB","file":"branded-button.css","sourcesContent":[".gform-admin {\n\n\t.gform-branded-button {\n\t\talign-items: stretch;\n\t\tblock-size: 2.5rem;\n\t\tborder-radius: 3px;\n\t\tbox-shadow: var(--gform-admin-box-shadow-midnight);\n\t\tbox-sizing: border-box;\n\t\tcursor: pointer;\n\t\tdisplay: inline-flex;\n\t\tfont-family: var(--gform-admin-font-family-base);\n\t\tfont-size: var(--gform-admin-font-size-sm);\n\t\tfont-weight: var(--gform-common-font-weight-bold);\n\t\tpadding: 0;\n\t\ttext-decoration: none;\n\t\ttransition: var(--gform-admin-transition-button);\n\t\twhite-space: nowrap;\n\n\t\t&:focus {\n\t\t\toutline-offset: 0;\n\t\t}\n\n\t\t&:disabled {\n\t\t\tpointer-events: none;\n\t\t}\n\t}\n\n\t.gform-branded-button--color {\n\t\tbackground: var(--gform-admin-color-blue-ribbon);\n\t\tborder: 1px solid var(--gform-admin-color-blue-ribbon);\n\t\tcolor: var(--gform-admin-color-white);\n\n\t\t&:hover,\n\t\t&:active {\n\t\t\tbox-shadow: var(--gform-admin-box-shadow-toggle);\n\t\t}\n\n\t\t&:focus {\n\t\t\toutline: 0.125rem solid var(--gform-admin-color-spindle);\n\t\t}\n\n\t\t&:disabled {\n\t\t\tbox-shadow: var(--gform-admin-box-shadow-midnight);\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n\n\t.gform-branded-button--white {\n\t\tbackground: var(--gform-admin-color-white);\n\t\tborder: 1px solid var(--gform-admin-color-white);\n\t\tcolor: var(--gform-admin-color-comet);\n\n\t\t&:hover,\n\t\t&:active {\n\t\t\tbox-shadow: var(--gform-admin-box-shadow-toggle);\n\t\t}\n\n\t\t&:focus {\n\t\t\toutline: 0.125rem solid var(--gform-admin-color-white-lilac);\n\t\t}\n\n\t\t&:disabled {\n\t\t\tbox-shadow: var(--gform-admin-box-shadow-midnight);\n\t\t\topacity: 0.5;\n\t\t}\n\t}\n\n\t.gform-branded-button__svg {\n\t\talign-items: center;\n\t\tbackground: var(--gform-admin-color-white);\n\t\tblock-size: 2.375rem;\n\t\tborder-radius: 2px;\n\t\tdisplay: flex;\n\t\tinline-size: 2.375rem;\n\t\tjustify-content: center;\n\t}\n\n\t.gform-branded-button__text {\n\t\talign-items: center;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tpadding-inline: 0.625rem;\n\t}\n}\n"]}